Jest: Date의 현재 시간 조롱

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')
  })
})

틀림없이 Date는 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://www.npmjs.com/package/mockdate

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() 조롱하지 않습니다.

사실 Jest에서는 작동하지 않습니다. Jest는 Jasmine v1.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에는 다음을 통해 날짜 와 사전 시간을 조롱할 수 있는 시계 클래스가 있습니다.

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_ 날짜를 조롱해야 하는 경우. 날짜가 표시되는 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 의 제안은 내가 생각하는 최고입니다. 항상 같은 날짜를 반환하는 Mocking Date(첫 번째 답변에서 제안한 대로)는 new Date(2018, 2, 3) 와 같은 것을 엉망으로 만들므로 나에게 유효한 옵션이 아닙니다.

또한 Travis에서와 같이 모든 곳에서 완전히 작동하고 동일한 결과를 생성하려면 정확한 시간대를 지정해야 합니다.

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

다음 테스트 스텁 Date는 테스트 수명 주기 동안 상수를 반환합니다.

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://github.com/boblauer/MockDate에 만족하는 이것을 사용하고 있습니다.

나는 이것을했다

~~~
설명('테스트', () => {
const constantDate = 새로운 날짜('2018-01-01T12:00:00')

beforeAll(() => {
global.Date = 클래스 확장 날짜 {
생성자() {
감독자()
상수 날짜 반환
}
}
})
~~~

@callemo 및 @iwarner 의 답변에 약간 추가하는 것과 같습니다.

매번 새로운 날짜 인스턴스를 반환하므로 다음과 같은 작업을 수행하기 쉬운 오류가 적습니다.

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

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

이를 통해 date 객체(예: setMinutes)를 변경하는 함수를 constantDate를 변경하지 않고 사용할 수 있으므로 새 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를 사용하고 있다는 것입니다.

예, 위의 모든 것과 같은 제안을 사용하면 전역 날짜가 엉망이 됩니다. 그리고 비표준 리포터를 사용할 때만 문제가 됩니다.

기자는 샌드박스 내에서 실행되어서는 안 됩니다. Jasmine 기자는 의도적으로 지원되지 않는 일부 jasmime 항목에 연결할 수 있습니다.

아, 그럼 이런 종류의 코드는 지원하지 않는다는 말씀이신가요?

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://github.com/jest-community/jest-junit

@niieani ,

"통합" 타이머 모의에 대한 솔루션은 다음과 같이 jest 내장 함수 대신 lolex 사용하는 것입니다.

나는 그 예를 시도했고 그 결과 내 테스트가 영원히 중단되었습니다([email protected]을 사용하는 CRA에서). Jest와 함께 lolex를 사용하여 성공한 사람이 있습니까?

@kentcdodds 는 농담 가짜 타이머를 동시에 사용하지 않도록 합니다. 여전히 멈추면 재생산에 문제를 일으키시겠습니까? 롤렉스는 확실히 작동해야합니다

예, 고립된 상황에서는 잘 작동하므로 다른 곳에서 이상한 일을 하고 있는 것 같습니다. 감사 해요!

이러한 경우만 조롱해야 하는 경우:

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 감사

이것은 new Date()를 조롱하는 데 효과적이었습니다.

@petromoldovan 은 확실히 최고의 답변입니다.

테스트가 끝날 때 mockRestore 에 대한 호출을 추가하여 원래 날짜를 복원합니다.

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

모의 객체가 새 클래스 중 하나 대신 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 이것에 대해서는 확실히 몇 가지 다른 관점이 있습니다. 테스트가 애플리케이션 코드를 위해 존재해야 한다고 믿는 진영이 있고, 꼬리가 개를 흔드는 과거 지점이 있습니다(Pete Hunt는 이에 대해 강한 의견 을 가지고 있습니다)

제안한 방법이 유효한 옵션이 아니라고 말하는 것이 아니라 상황에 따라 적절한 방법으로 제시될 수 있습니다.

@cheapsteak 상황적 적절성이 사물의 기본 상태라고 생각합니다. 사람들에게 항상 테스트 가능성을 개선할 기회가 있으며 그렇게 하면 일반적으로 유지 관리 가능성이 향상된다는 점을 부드럽게 상기시키는 것은 나쁘지 않습니다 :-)

타이머를 발송할 때 농담의 현재 시간을 얻는 방법이 있습니까? jest.now와 같은 것?

Date.now()에 대한 타이머와 호출이 있다고 가정합니다. jest.runAllTimers()를 호출합니다. 타이머 콜백이 실행되고 시뮬레이션된 시간을 확인할 수 있도록 jest.spyOn(Date, 'now').mockImplementation(() => something )을 호출할 수 있다면 멋질

나는 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
});

내 생각에: 다른 모든 솔루션은 체계적이지 않거나 일시적이지 않습니다.

babel 변환이 이전 해결 방법을 깨는 것처럼 보입니다.

내 솔루션은 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가 제안한 방법이 이상적으로 보였습니다.

나는 확실하지이 그것을 할 수있는 적절한 방법이지만,이 솔루션은 @nilobarp에서 언급 한 바와 같이 타이핑 문제를 해결하여 타이프에 벌금을 작동하는 경우입니다 :

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

그러나 그 재정의는 아무 것도 하지 않습니다. 나는 그것이 매우 혼란스럽다고 생각한다.

동일한 문제가 있습니다. 이 문제에서 발견된 전체 코드 예제를 테스트했지만 아무 것도 효과가 없었습니다. mock은 무시된 것으로 보입니다.

문제를 어떻게 해결했습니까?

우리는 또한 Babel을 사용하고 있으므로 이것 역시 관련이 있을 수 있습니다.

테스트 블록 내에서 나는 다음과 같은 일을하고 있습니다 ...

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

그러나 그 재정의는 아무 것도 하지 않습니다. 나는 그것이 매우 혼란스럽다고 생각한다.

동일한 문제가 있습니다. 이 문제에서 발견된 전체 코드 예제를 테스트했지만 아무 것도 효과가 없었습니다. mock은 무시된 것으로 보입니다.

문제를 어떻게 해결했습니까?

우리는 또한 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의 현재 Date 를

궁극적인 솔루션: 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으로 업데이트했지만

@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());
    });
});

_업데이트: 아래 @alexdanilowicz 의 댓글당 afterEach() 포함._

2020년 11월부터 업데이트

_이 스레드가 오래되고 인기 있는 stackoverflow 게시물에 연결됨에 따라 ^ 굵게 표시_

@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();
  });

@alexdanilowicz 완벽합니다. 예, 나는 내 예에 정리를 포함하는 것을 게을리했습니다. 이 스레드를 찾는 모든 사람이 온전한 상태를 유지할 수 있도록 afterEach() 로 업데이트하겠습니다. 감사 해요!