Mocking of Date

package.json

@@ -63,6 +63,7 @@
     "@types/htmlbars-inline-precompile": "^3.0.0",
     "@types/qunit": "^2.19.10",
     "@types/rsvp": "^4.0.9",
+    "@types/sinon": "^17.0.3",
     "broccoli-asset-rev": "^3.0.0",
     "concurrently": "^8.2.2",
     "ember-auto-import": "^2.7.0",
@@ -96,6 +97,7 @@
     "prettier": "^3.1.1",
     "qunit": "^2.20.0",
     "qunit-dom": "^2.0.0",
+    "sinon": "^18.0.0",
     "stylelint": "^15.11.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-prettier": "^4.1.0",

tests/integration/components/user-info-test.ts

@@ -2,10 +2,23 @@ import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 import { find, render, settled, waitFor, waitUntil } from '@ember/test-helpers';
 import { hbs } from 'ember-cli-htmlbars';
+import sinon from 'sinon';
 
 module('Integration | Component | user-info', function (hooks) {
   setupRenderingTest(hooks);
 
+  let clock: sinon.SinonFakeTimers;
+  let date: Date;
+
+  hooks.beforeEach(function () {
+    date = new Date('1999-01-01T00:00:00Z');
+    clock = sinon.useFakeTimers(date.getTime());
+  });
+
+  hooks.afterEach(function () {
+    clock.restore();
+  });
+
   // Fails
   // test('it fails without await settled to show user info', async function (assert) {
   //   await render(hbs`<UserInfo />`);
@@ -38,6 +51,7 @@ module('Integration | Component | user-info', function (hooks) {
   // Passes
   test('it passes with waitUntil to show updated text', async function (assert) {
     await render(hbs`<UserInfo />`);
+    clock.tick(2000);
 
     const found = await waitUntil(() => {
       const div = find('.user-info') as HTMLDivElement;
@@ -52,16 +66,17 @@ module('Integration | Component | user-info', function (hooks) {
   //   await render(hbs`<UserInfo />`);
 
   //   const div = find('.date') as HTMLDivElement;
-  //   assert.true(div.textContent?.includes(new Date() as unknown as string));
+  //   assert.true(div.textContent?.includes("Fri Jan 01 1999 04:00:02 GMT+0400 (Mauritius Standard Time)"));
   // });
 
   // Passes
   test('it passes with waitFor to show date', async function (assert) {
     await render(hbs`<UserInfo />`);
+    clock.tick(2000);
 
     await waitFor('.date', { timeout: 3000 });
     const div = find('.date') as HTMLDivElement;
 
-    assert.true(div.textContent?.includes(new Date() as unknown as string));
+    assert.true(div.textContent?.includes("Fri Jan 01 1999 04:00:02 GMT+0400 (Mauritius Standard Time)"));
   });
 });