Tips for mocking constructors in AngularJS, specifically the Date() constructor

Question

Tips for mocking constructors in AngularJS, specifically the Date() constructor

Trying to verify a function which receives millisSinceEpoch and gives back the time if it is today's date, otherwise it gives the date.

getLocaleAbbreviatedDatetimeString: function(millisSinceEpoch) {
  var date = new Date(millisSinceEpoch);
  if (date.toLocaleDateString() == new Date().toLocaleDateString()) {
    // The replace function removes 'seconds' from the returned time.
    return date.toLocaleTimeString().replace(/:\d\d /, ' ');
  }
  return date.toLocaleDateString();

I plan on verifying this by faking the Date() constructor, but I'm uncertain about how to fake a constructor using 'prototype'?

Furthermore, is there an alternate way to validate this ?

javascript angularjs

Answer 1

Answer №1

I make a conscious effort to avoid using Date or Math.random in my code.

Instead, I develop services that replace them so I can easily mock different scenarios by activating the mock module.

angular.module('my.date',[])
    .value('Date', Date);

angular.module('my.mock.date',[])
    .value('Date', function(){
        // mocking Date functionality
    });

(It's not necessary to mock every aspect of Date, just the parts that are relevant to your code...)

For more information, check out this issue on angular. Also, refer to this answer on stackoverflow.

Answer 2

I make a conscious effort to avoid using Date or Math.random in my code.

Instead, I develop services that replace them so I can easily mock different scenarios by activating the mock module.

angular.module('my.date',[])
    .value('Date', Date);

angular.module('my.mock.date',[])
    .value('Date', function(){
        // mocking Date functionality
    });

(It's not necessary to mock every aspect of Date, just the parts that are relevant to your code...)

For more information, check out this issue on angular. Also, refer to this answer on stackoverflow.

Tips for mocking constructors in AngularJS, specifically the Date() constructor

Answer №1

Similar questions

Transmit a PDF byte array from JavaScript to PHP using Ajax, then utilize the PHP file to send an email

Tips for incorporating a multimedia HTML/JavaScript application within C++ programming

Guide on retrieving the value of "form" from a select using jQuery in a Ruby on Rails application

Discover the capability to choose dates from different months using the DatePicker component from @material-ui/pickers

Is the translation pipe in Angular 5 impure?

Having trouble initiating the server using npm start

Having trouble executing multiple file uploads with node.js resulting in an ERR_EMPTY_RESPONSE?

Prop in a React component is undergoing mutation

Utilize new metadata options to incorporate an external style and script file

Create a CSV file through an MVC Web API HttpResponse and retrieve it using AngularJS for downloading

Issue with loading templates in multi-level nested states

PHP working with Ajax, receiving a status of 200 but still showing a readyState of 0

Securing Node function parameters in an asynchronous environment

Encountering an issue with React Native where initializing a project with npx leads to a "

Issue with JQuery Ajax: Some users experiencing failure with ajax requests (response code 0)

Express-Session Object Method

In order to use the serve command, it is necessary to run it within an Angular project. However, if a project definition cannot be located

Transfer the data stored in the ts variable to a JavaScript file

Trigger function in a different child component on mouse up

Guide to conditionally adding a property to an object in JavaScript