Jest: 日付の現在の時刻をあざける

Date.now = jest.fnまたはglobal.Date = jest.fn() 。

これでエラーが発生した他の人にとっては、グローバルDateオブジェクトにコンストラクター以外のプロパティがあるため、いくつかの問題が発生しました。 私は次のことをしました：

const DATE_TO_USE = new Date('2016');
const _Date = Date;
global.Date = jest.fn(() => DATE_TO_USE);
global.Date.UTC = _Date.UTC;
global.Date.parse = _Date.parse;
global.Date.now = _Date.now;

コンストラクターがどのように呼び出されているかを表明する必要がない場合は、拡張するだけで十分です。

const constantDate = new Date('2017-06-13T04:41:20')

/*eslint no-global-assign:off*/
Date = class extends Date {
  constructor() {
    return constantDate
  }
}

これはDate.now()かなりうまく機能します。

const now = Date.now()
Date.now = jest.genMockFunction().mockReturnValue(now)

日付をモックするときはいつでも、実際のバージョンを元に戻すことを忘れないでください。
@callemoコメントに続いて、次のスニペットを使用できます。

describe('getTimestamp', () => {
  const RealDate = Date

  function mockDate (isoDate) {
    global.Date = class extends RealDate {
      constructor () {
        return new RealDate(isoDate)
      }
    }
  }

  afterEach(() => {
    global.Date = RealDate
  })

  it('should return timestamp', () => {
    mockDate('2017-11-25T12:34:56z')
    expect(getTimestamp()).toEqual('20171125123456')
  })
})

間違いなく、 jest.runTimersToTime()やその他のタイムモック関数を実行するときは、日付も前に移動する必要があります。 コードの一部は時間に依存し、一部はタイムアウトに依存していたため、同じ問題に悩まされました。 両方を同時にモックする-つまり、モックタイマーを実行し、 Date.nowとPerformance.nowモックを切り替えるのは最高の体験ではありません。

「統合された」タイマーモックの解決策は、次のように、 jestビルトインの代わりにlolexを使用すること

import lolex from 'lolex'

describe('tests', () => {
  let clock
  beforeEach(() => {clock = lolex.install()})
  afterEach(() => {clock = clock.uninstall()})

  test('garbage collects after keep alive', () => {
    // ...
    clock.tick(500)
    // ...
  })
})

しかし、この機能が組み込まれていると便利です。

古い問題ですが、 mockdateこれが簡単になります： https ：

https://jasmine.github.io/2.2/introduction?spec=jasmine.any#section -Mocking_the_Date

   describe("Mocking the Date object", function(){
     it("mocks the Date object and sets it to a given time", function() {
       var baseTime = new Date(2013, 9, 23);
       jasmine.clock().mockDate(baseTime);
       jasmine.clock().tick(50);
       expect(new Date().getTime()).toEqual(baseTime.getTime() + 50);
     });
   });

@drpicoxは優れたソリューションですが、AFAIKではperformance.now()モックしません。これは、便利なフォワード専用クロックです（つまり、ユーザーがシステムのDateTimeを変更しても元に戻されません）。

実際、Jestでは機能しません。 JestはJasminev1.5.2-liteを使用しているため、時計がありません。 lolexます。

Date.now()はほとんどのアプリケーションに十分です。 permofrmance.now()はまだノードに存在していません（たとえば、SSRでは使用できません）。したがって、大したことではないようです。

もちろん、lolexはjestと統合されていません。

@drpicoxああ、それが機能しないことを知っておくとよいでしょう。
performance.now()は、v8.5.0以降、ノードに存在すると思います。 組み込みモジュール'perf_hooks'からperformanceをインポートできます。

それでも、現在の状況とこれが得ている投票/コメントの数を考えると、この問題を再開することを検討するために@cpojerにpingを

FWIW私はlolexを統合したいです-それは私がJestがバッテリーを欠いていると思うところで私が使用する唯一のライブラリです

@cpojerとにかくこれを再開できます。 今のところ、本当に日付を偽および簡単な方法で、時間のパスをシミュレートする方法はありません。

ジャスミンには、次の方法で日付と時刻をモックできる時計クラスがあります。

jasmine.clock().install(); //in a beforeEach
jasmine.clock().uninstall(); // in a AfterEach
jasmine.clock().mockDate(new Date('1984/12/15'));

// and very important... the pass of time!
jasmine.clock().tick(100);

同様の機能をネイティブにしたいと考えています。 https://github.com/jasmine/jasmine/blob/master/src/core/Clock.js

ユースケースをサポートするLolexへの移行を試みます。 ＃5165を参照

テスト環境の_outside_でDateをモックする必要がある場合。 日付が表示されるUIの予測可能な画像スナップショットを撮る必要がありました。

これは私のために働いた：
https://github.com/schickling/timemachine

timemachine.config({
  dateString: 'December 25, 1991 13:12:59'
});
console.log(new Date()); // December 25, 1991 13:12:59

@omegdadiscの提案は私が思うに最高です。 （最初の回答で提案されたように）常に同じ日付を返すように日付をモックすると、 new Date(2018, 2, 3)ようなものが台無しになるため、私には有効なオプションではありませんでした。

また、Travisなど、どこでも完全に機能して同じ結果を生成するには、タイムゾーンを正確にする必要があることに注意してください。

timemachine.config({
  dateString: 'December 25, 1991 13:12:59 GMT'
});

次のテストスタブは、テストライフサイクル中に定数を返す日付です。

let timeNow;
const realDate = Date;

describe("Stubbed Date", () => {
  beforeAll(() => {
    timeNow = Date.now();
    const _GLOBAL: any = global;
    _GLOBAL.Date = class {
      public static now() {
        return timeNow;
      }

      constructor() {
        return timeNow;
      }

      public valueOf() {
        return timeNow;
      }
    };
  });

  afterAll(() => {
    global.Date = realDate;
  });

  it("provides constant timestamps", () => {
    const ts1 = Date.now();
    const ts2 = +new Date();
    expect(ts1).toEqual(ts2);
    expect(ts2).toEqual(timeNow);
  });
});

_GLOBALは、typescriptを満たすための単なるプロキシ変数です。

Date.now()をモックする必要がありました

設定で、またはテストが機能する前に、以下の行を設定します。

jest.spyOn(Date, 'now').mockImplementation(() => 1479427200000)

@vcarelのアプローチが好き

describe('getTimestamp', () => {
  const RealDate = Date

  function mockDate (isoDate) {
    global.Date = class extends RealDate {
      constructor(...theArgs) {
        if (theArgs.length) {
          return new RealDate(...theArgs);
        }
        return new RealDate(isoDate);
      }

      static now() {
        return new RealDate(isoDate).getTime();
      }
    }
  }

  afterEach(() => {
    global.Date = RealDate
  })

  it('should return timestamp', () => {
    mockDate('2017-11-25T12:34:56z')
    expect(getTimestamp()).toEqual('20171125123456')
  })
})

私はこれを使用しています、これは私が満足しています： https ：

私はこれをしました

~~~
describe（ 'Test'、（）=> {
const constantDate = new Date（ '2018-01-01T12：00：00'）

beforeAll（（）=> {
global.Date = class extends Date {
コンストラクター（）{
素晴らしい（）
constantDateを返します
}
}
}）
~~~

@callemoと@iwarnerの答えに少し追加するのと

毎回新しい日付インスタンスを返すため、次のようなことを行うとエラーが発生しにくくなります。

  const constantDate = new Date('2018-01-01T12:00:00')

  beforeAll(() => {
    global.Date = class extends Date {
      constructor () {
        super(constantDate.getTime())
      }
    }
  })

これにより、constantDateを変更せずに、日付オブジェクト（setMinutesなど）を変更する関数を使用できるため、新しいDateから返される日付を変更できます。

describe('Test', () => {
  const constantDate = new Date('2018-01-01T12:00:00')

  beforeAll(() => {
    global.Date = class extends Date {
      constructor () {
        super()
        return constantDate
      }
    }
  });

  it('it should not be possible to mutate the  original date but it is.', () => {
    const date1 = new Date();
    date1.setMinutes(5);
    const date2 = new Date();
    console.log(date2.getMinutes()); // Will print 5
  });
});

これは、上記のすべてを読んだ後に私が使用しているものです：

let currentDate;

beforeAll(() => {
  currentDate = new Date();

  const RealDate = Date;
  global.Date = jest.fn(() => new RealDate(currentDate.toISOString()));
  Object.assign(Date, RealDate);
});

@samboylettこれは、将来のテストのグローバルな日付を台無しにしますか？ afterAll関数でもリセットしましたか？

異なるファイルのテストには影響しません。 私にとって、現在のファイルのすべてにモック日付が必要でしたが、同じファイルのテスト間でリセットする必要がある場合は、beforeEachとafterEachを使用し、afterEachに戻す必要があります。

afterEach(() => {
  global.Date = RealDate;
});

@samboylettありがとう！ あなたの例をベースにして、日付テストを機能させることができました。

const myDate = new Date(2018, 6, 11);

const RealDate = Date;

describe('testcase', () => {
  beforeEach(() => {
    global.Date = jest.fn(
      (...props) =>
        props.length
          ? new RealDate(...props)
          : new RealDate(myDate)
    );
    Object.assign(Date, RealDate);
  });

  afterEach(() => {
    global.Date = RealDate;
  });
});

たぶん、 jest-date-mockが必要です。

テストケースの現在のタイムスタンプを制御するためのシンプルなAPIを提供します。

import { advanceBy, advanceTo, clear } from 'jest-date-mock';

test('usage', () => {
  advanceTo(new Date(2018, 5, 27, 0, 0, 0)); // reset to date time.

  const now = Date.now();

  advanceBy(3000); // advance time 3 seconds
  expect(+new Date() - now).toBe(3000);

  advanceBy(-1000); // advance time -1 second
  expect(+new Date() - now).toBe(2000);

  clear();
  Date.now(); // will got current timestamp
});

上記の解決策は私のユースケースをカバーしていませんでした。 instanceofのサポートがなく、特定の日付を設定していた@callemoに基づいて、次のことを行い

export function mockDate({year = 2017, month = 9, day = 16}) {
    const globalDate = global.Date
    global.Date = class MockDate extends Date {
        constructor() {
            super()
            this.setFullYear(year)
            this.setMonth(month)
            this.setDate(day)
        }
    }
    global.Date.mockRestore = () => global.Date = globalDate
}

@javadougあなたのケースは何ですか？

@javadougあなたのケースは何ですか？

@hustcc mockDate() instanceof Date === true 。

@javadougの新しいバージョンjest-date-mockサポートされています。 https://github.com/hustcc/jest-date-mock/pull/7

「私はいつも時間をモックするわけではありませんが、モックするときは冗談です」-悪名高い@satub

new Date()をモックする必要がありましたが、通常どおりに機能するには、残りのDate機能が必要でした。 これは私のために働いた解決策です。

describe('...', () => {
  const RealDate = Date;

  function mockDate(isoDate) {
    global.Date = class extends RealDate {
      constructor(...args) {
        if (args.length) return new RealDate(...args);
        return new RealDate(isoDate);
      }
    };
  }

  afterEach(() => {
    global.Date = RealDate;
  });

  it('...', () => {
    mockDate('2018-01-01');
    // rest of the code
  });
})

global.Dateに割り当てようとするとエラーが発生します：

Error: Error: ReferenceError: Date is not defined
    at Object.<anonymous>.exportObject.JUnitXmlReporter.self.specDone (/src/node_modules/jasmine-reporters/src/junit_reporter.js:274:33)
    at dispatch (/src/node_modules/jest-jasmine2/build/jasmine/report_dispatcher.js:70:26)
    at ReportDispatcher.specDone (/src/node_modules/jest-jasmine2/build/jasmine/report_dispatcher.js:62:247)
    at Object.specResultCallback (/src/node_modules/jest-jasmine2/build/jasmine/Env.js:411:18)
    at Spec.attr.resultCallback (/src/node_modules/jest-jasmine2/build/setup_jest_globals.js:67:24)
    at complete (/src/node_modules/jest-jasmine2/build/jasmine/Spec.js:111:10)
    at currentRun.then (/src/node_modules/jest-jasmine2/build/jasmine/Spec.js:107:30)

問題は、テストのコンテキストで実行されるJUnitレポーターを使用していて、匿名クラスが破棄されたために既に破棄されているDateを使用していることです。

そうですね、上記のすべてのような提案を使用すると、グローバルな日付が台無しになります。 そして、それはあなたが非標準のレポーターを使うときだけ問題です。

レポーターはサンドボックス内で実行されるべきではありません。 ジャスミンの記者は、意図的にサポートされていないジャスマイムのものに夢中になっている可能性がありますが

ああ、あなたはこの種のコードがサポートされていないと言っているのですか？

const jasmine = global.jasmine;
jasmine.getEnv().addReporter(junitReporter)

ここでエラーが発生します：
https://github.com/facebook/jest/blob/f9fd98fd4e38978e96a86f1c8796593cad7ac470/packages/jest-jasmine2/src/jasmine/ReportDispatcher.js#L63 -L72

正解です。使用する必要があります
https://jestjs.io/docs/en/configuration#reporters-array-modulename-modulename-options 。
例： https ：

@niieani 、

「統合された」タイマーモックの解決策は、次のように、 jestビルトインの代わりにlolexを使用すること

私はその例を試しましたが、その結果、テストが永久にハングしました（[email protected]を使用しているCRAで）。 Jestでlolexを使用して成功した人はいますか？

@kentcdoddsは、jestの偽のタイマーを同時に使用しないようにしてください。 それでもハングする場合は、複製で問題を作成してください。 Lolexは間違いなく機能するはずです

ええ、それは孤立した状況で私にとってはうまく機能しているので、私はおそらく他の場所で奇妙なことをしているでしょう。 ありがとう！

これらのケースをモックするだけでよい場合：

new Date()
new Date('2018-09-20T23:00:00Z') 

const currentDate = new Date('2018-09-20T23:00:00Z');
Date = class extends Date {
  constructor(date) {
    if (date) {
        return super(date);
    }

    return currentDate;
  }
}

これは、上記のすべてを読んだ後に私が使用しているものです：

let currentDate;

beforeAll(() => {
  currentDate = new Date();

  const RealDate = Date;
  global.Date = jest.fn(() => new RealDate(currentDate.toISOString()));
  Object.assign(Date, RealDate);
});

ありがとう@samboylett

これは、新しいDate（）をモックするのに役立ちました

@petromoldovanは間違いなく最良の答えです。

テストの最後にmockRestoreへの呼び出しを追加して、元の日付を復元します。

const dateNowMockFn = jest.spyOn(Date, 'now').mockImplementation(() => 1479427200000);
// ... code with tests
dateNowMockFn.mockRestore();

モックが新しいクラスの1つではなくDateインスタンスを返すようにしたい場合に備えて、 @ vcarelソリューションを少し改善し

    const RealDate = Date

    const mockDate = (isoDate) => {
      global.Date = class extends RealDate {
        constructor () {
          return super(isoDate)
        }
      }
    }

    afterEach(() => {
      global.Date = RealDate
    })

私はここで風車に傾いているかもしれませんが、古い格言を指摘する価値があります：

const myFunc = (msg, date = new Date()) => console.log(`${msg}! ${date}`);

現在、本番コードでは、デフォルトを利用できます。

myFunc("Hello"); // => Hello! Fri Mar 22 2019 21:11:26 GMT-0400 (EDT)

また、テストコードでは、日付を明示的に渡すことができるため、それをあざけることができます。

myFunc("Hello", dateObj) // => Hello! ...

@yawaraminこれには確かにいくつかの異なる見方があります。 テストはアプリケーションコードのサービスで生きるべきだと信じているキャンプがあり、尾が犬を振り始めるポイントがあります（ピートハントはこれについていくつかの

提案された方法が有効なオプションではないと言っているのではなく、状況に応じた適切な方法として提示される可能性があります。

@cheapsteak状況の適切性がデフォルトの状態だと思います。 テスト容易性を改善する機会は常にあり、そうすることで通常は保守性が改善されることを人々に穏やかに思い出させることは害にはなりません:-)

タイマーをディスパッチしているときに、jestの現在の時刻を取得する方法はありますか？ jest.nowのようなもの？

タイマーとDate.now（）の呼び出しがあるとします。 jest.runAllTimers（）を呼び出します。 私は（「今」日、）jest.spyOnを呼び出すことができればそれはクールだろう。mockImplementation（（）=>何か）タイマーコールバックが実行され、シミュレートされた時間を確認することができるように。

Date.now()をモックする必要がありました

設定で、またはテストが機能する前に、以下の行を設定します。

jest.spyOn(Date, 'now').mockImplementation(() => 1479427200000)

それが非常に多くの人々にとってどのように機能するかはおかしいですが、私にとってはそうではありません。 うーん。

何が起こっているのかわかりませんが、 Dateどのように再割り当てしても、 Date.now()常に存在し、常に有効な値を返します。

Date.now = nullは何もしません。
global.Date.now = nullは何もしません。
jest.spyOn(Date, 'now').mockImplementation(() => 1479427200000);は何もしません。
lolexインストールと使用はタイムアウトで機能しますが、 Date.now()は影響しません。
MockDateは効果がありません。

明らかな何かが欠けていると思います。 たぶん別の依存関係が何かをしている...とても混乱している。

@mherodevはテストをチェックしますが、テスト関数が実行される/コンポーネントがレンダリングされる前に日付をモックしますか？

テストブロック内で私は次のようなことをしています...

      Date.now = () => 1;
      Date = null;
      global.Date = null;
      console.log(`Date.now()`, Date.now()); // Date.now() 1560239936091

しかし、そのオーバーライドは何もしません。 非常に紛らわしいと思います。

私はHugoのチュートリアルに従い、最終的に次のことを行いました。

  // @ts-ignore
  .spyOn(global.Date, 'constructor')
  .mockImplementationOnce(() => new Date('2019-06-19T00:07:19.309Z'))

したがって、 new Date()は常にnew Date('2019-06-19T00:07:19.309Z')返します

更新：私の環境でbabelがトランスパイルする方法にバグがあるため、Dateモックが機能していなかったようです。 @babel/runtime-corejs2使用方法に関連するもの

究極の解決策： jest-date-mock 。

• インストール

jestの下のpackage.jsonで、setupFiles配列を作成し、その配列にjest-date-mockを追加します。

{
  "jest": {
    "setupFiles": ["./__setups__/other.js", "jest-date-mock"]
  }
}

• 利用方法

テストケースの現在のタイムスタンプを制御するためのシンプルなAPIを提供します。

import { advanceBy, advanceTo, clear } from 'jest-date-mock';

test('usage', () => {
  advanceTo(new Date(2018, 5, 27, 0, 0, 0)); // reset to date time.

  const now = Date.now();

  advanceBy(3000); // advance time 3 seconds
  expect(+new Date() - now).toBe(3000);

  advanceBy(-1000); // advance time -1 second
  expect(+new Date() - now).toBe(2000);

  clear();
  Date.now(); // will got current timestamp
});

私は思う：他のすべての解決策は体系的でも一時的でもない。

バベル変換は以前の回避策を破ったようです。

私の解決策は、 setupMockDate.jsという名前の新しいファイルを追加することです

const mockDate = DateClass => {
  function Mock(...args) {
    return args.length === 0
      ? new DateClass(Mock.now())
      : new DateClass(...args)
  }
  Object.setPrototypeOf(Mock, DateClass)
  Mock.prototype = DateClass.prototype
  let now
  Mock.now = () => now === undefined ? DateClass.now() : now
  Mock.mockNow = value => now = value
  Mock.mockRestore = () => Mock.mockNow()
  return Mock
}
global.Date = mockDate(Date)

setupFilesAfterEnvエントリのjest.config.js （または古いjestバージョンではsetupFiles ）に、 '<rootDir>/jest/setupMockDate.js'追加します。

今、あなたは実行することができます

Date.mockNow(10)
expect(Date.now()).toBe(10)
Date.mockRestore()
expect(Date.now()).not.toBe(10)

Sinonは私にとってうまく機能しますhttps://sinonjs.org/releases/v1.17.7/fake-timers/

パーティーに遅れましたが、jestにはこれに必要なすべての機能があると思います。

describe('how to mock date.now()', function() {
  beforeEach(() => {
    this.timestamp = 0
    global.Date.now = jest.fn().mockImplementation(() => this.timestamp)
  })

  afterEach(() => {
    jest.clearAllMocks()
  })

  it('can advance in time', () => {
    const then = Date.now()

    this.timestamp += 1000

    const now = Date.now()

    expect(now - then).toBe(1000)
  })

私はvue-momentとjestを使用していますが、次のようなことを行うのが最善の方法であることがわかりました。

import { mount, createLocalVue } from '@vue/test-utils';
import TripList from 'components/trip-list.vue';

const localVue = createLocalVue();
localVue.use(require('vue-moment'));

describe('TripList', () => {

it('text shows current date', () => {
    const myDate = new Date(2019, 5, 5);

    const wrapper = mount(TripList, {
      localVue,
    });

    wrapper.vm.$moment.now = () => myDate;
    wrapper.vm.$forceUpdate();

    expect(wrapper.html()).toContain('Thu, Oct 3rd');
  });
})

ES6の使用

const fixedDate = new Date('2019-03-1');
const RealDate = Date;

beforeEach(() => { Date.now = () => fixedDate; });
afterEach(() => { global.Date = RealDate; });

Date.now()を使用している場合

const dateSpy = jest.spyOn(Date, 'now');
dateSpy.mockReturnValue(TIMESTAMP);

これでエラーが発生した他の人にとっては、グローバルDateオブジェクトにコンストラクター以外のプロパティがあるため、いくつかの問題が発生しました。 私は次のことをしました：

const DATE_TO_USE = new Date('2016');
const _Date = Date;
global.Date = jest.fn(() => DATE_TO_USE);
global.Date.UTC = _Date.UTC;
global.Date.parse = _Date.parse;
global.Date.now = _Date.now;

Dateクラス全体をモックしたかったので、 @ kristojorgによって提案された

これが適切な方法かどうかはわかりませんが、このソリューションは、 正常に機能します。

describe('Mock Date', () => {
  const realDateNow = Date.bind(global.Date);

  beforeAll(() => {
    // Fix the time to 2020-1-1 1hr:1min:1sec in order to match
    // snapshots for the DownloadConfirmDialog component.
    const fixedDate = new Date(2020, 0, 1, 1, 1, 1);
    const d = Date;

    // This will only mock any Date objects instantiated with new 
    // and not Date.now().
    const _global: NodeJS.Global = global;
    _global.Date = jest.fn(() => fixedDate);
    _global.Date.parse = d.parse;
    _global.Date.UTC = d.UTC;
    _global.Date.now = d.now;
  });

  it('shows mocked date', () => {
    // Shows 2020-01-01T01:01:01.000Z as the current Date
    // for an instantiated Date object.
    console.log(new Date().toISOString());
  });

  afterAll(() => {
    // Reverts to the current Date object.
    global.Date = realDateNow;
    console.log(new Date().toISOString());
  });
});

これは、新しいDateオブジェクトをインスタンス化した場合にのみ機能し、 Date.now()では機能しないことに注意してください。 Date.nowに関するコメントがあります。

テストブロック内で私は次のようなことをしています...

      Date.now = () => 1;
      Date = null;
      global.Date = null;
      console.log(`Date.now()`, Date.now()); // Date.now() 1560239936091

しかし、そのオーバーライドは何もしません。 非常に紛らわしいと思います。

私は同じ問題を抱えています：この問題で見つかったたくさんのコード例をテストしましたが、どれもうまくいきませんでした：モックは無視されているようです。

問題をどのように修正しましたか？

Babelも使用しているので、これも関係している可能性があります。

テストブロック内で私は次のようなことをしています...

      Date.now = () => 1;
      Date = null;
      global.Date = null;
      console.log(`Date.now()`, Date.now()); // Date.now() 1560239936091

しかし、そのオーバーライドは何もしません。 非常に紛らわしいと思います。

私は同じ問題を抱えています：この問題で見つかったたくさんのコード例をテストしましたが、どれもうまくいきませんでした：モックは無視されているようです。

問題をどのように修正しましたか？

Babelも使用しているので、これも関係している可能性があります。

@warpdesignこのソリューションは、TypeScriptのJestで機能するようです。

describe('Mock Date.now', () => {
  // Bind to the original Date so we can set it back after all tests are finished.
  const realDateNow = Date.now.bind(global.Date);

  beforeAll(() => {
    // Return 1 millisecond when calling Date.now() in tests.
    const dateNowStub = jest.fn(() => 1);
    global.Date.now = dateNowStub;
  });

  it('shows mocked date', () => {
    console.log(Date.now());  // Returns 1.
  });

  afterAll(() => {
    // Set back to the original Date object.
    global.Date.now = realDateNow;
    console.log(Date.now()); // Returns current time in milliseconds.
  });
});

Jestで現在の日付を

究極の解決策： jest-date-mock 。

• インストール

jestの下のpackage.jsonで、setupFiles配列を作成し、その配列にjest-date-mockを追加します。

{
  "jest": {
    "setupFiles": ["./__setups__/other.js", "jest-date-mock"]
  }
}

• 利用方法

テストケースの現在のタイムスタンプを制御するためのシンプルなAPIを提供します。

import { advanceBy, advanceTo, clear } from 'jest-date-mock';

test('usage', () => {
  advanceTo(new Date(2018, 5, 27, 0, 0, 0)); // reset to date time.

  const now = Date.now();

  advanceBy(3000); // advance time 3 seconds
  expect(+new Date() - now).toBe(3000);

  advanceBy(-1000); // advance time -1 second
  expect(+new Date() - now).toBe(2000);

  clear();
  Date.now(); // will got current timestamp
});

私は思う：他のすべての解決策は体系的でも一時的でもない。

よろしくお願いします!!

私はHugoのチュートリアルに従い、最終的に次のことを行いました。

  // @ts-ignore
  .spyOn(global.Date, 'constructor')
  .mockImplementationOnce(() => new Date('2019-06-19T00:07:19.309Z'))

したがって、 new Date()は常にnew Date('2019-06-19T00:07:19.309Z')返します

この男は何のがらくたです。 UはHugoのチュートリアルを言い、Hugoはあなたのチュートリアルを言います....誤解しないでください。

Jest 26は、最新の偽のタイマーを使用したDateモックをサポートしています： https ：//jestjs.io/blog/2020/05/05/jest-26#new -fake-timers

TSでDateコンストラクターをモックしようとして立ち往生している場合は、次のことを試してください。

const mockDate = new Date('Tue, 23 Jun 2020 14:34:56');
const RealDate = Date;
(global as any).Date = class extends RealDate {
  constructor() {
    super();
    return mockDate;
  }
};

// test some date related functionality

global.Date = RealDate;

Jest 26は、最新の偽のタイマーを使用したDateモックをサポートしています： https ：//jestjs.io/blog/2020/05/05/jest-26#new -fake-timers

@SimenBそれは素晴らしいことで、v26に更新したばかりですが、jestを使用して日付をモックする方法がわかりません。 jestのドキュメントでは、setTimeOutをテストできるようにタイマーをモックする方法についてのみ説明していますが、「new Date（）」をモックする方法についてはどうすればよいでしょうか。

@gregveresこれは、システム時刻（ Dateメソッド）を固定日付に設定し、その時刻の進行を処理するテストスイートの例です。

const FIXED_SYSTEM_TIME = '2020-11-18T00:00:00Z';

describe('Set Fixed Date', () => {
    beforeEach(() => {
        jest.useFakeTimers('modern');
        jest.setSystemTime(Date.parse(FIXED_SYSTEM_TIME));
    });

    afterEach(() => {
        jest.useRealTimers();
    });

    it('Should reflect fixed date', () => {
        expect(new Date().toISOString()).toEqual(FIXED_SYSTEM_TIME);

        const MS_TO_ADVANCE = 5000;

        jest.advanceTimersByTime(MS_TO_ADVANCE);

        expect(new Date().toISOString()).toEqual(new Date(Date.parse(FIXED_SYSTEM_TIME) + MS_TO_ADVANCE).toISOString());
    });
});

_更新：以下の@alexdanilowi​​czのコメントごとにafterEach()含まれています。_

2020年11月からの更新

_このスレッドが古くなり、人気のあるスタックオーバーフローの投稿にリンクされているので、^それを太字にします_

@seansullivan素晴らしい！ 参考までに、間違っている場合は訂正してください。ただし、仕様にafterEach（またはafterAll）を追加して、日付を現実にリセットするとよいと思います。 安全のために。

describe('Test', () => {
  // to avoid race conditions between expected and actual date values
  beforeAll(() => {
    jest.useFakeTimers('modern'); // tell Jest to use a different timer implementation.
    jest.setSystemTime(new Date('20 Aug 2020 00:12:00 GMT').getTime())
  });

  afterAll(() => {
    // Back to reality...
    jest.useRealTimers();
  });

@alexdanilowi​​czパーフェクト。 はい、例にクリーンアップを含めることを怠りました。 afterEach()更新して、このスレッドを見つけた人の正気が維持されるようにします。 ありがとう！