Day 22. Snapshot Testing for Dynamic Component

Dynamic Component

Dynamic Component的测试也不困难，但由於会有props传资料，所以有些时候会导致Snapshot Testing Always Failed。

例如我传入DateTime进Component并且用它来render画面时，执行测试的时间只要一变你的Test就会Fail。

比较好的做法是去Mock掉取得时间的Function，让他回传固定的值。

范例：

test('renders correctly', ()=> {
    const GetDate = jest.spyOn(Date,'now') //Date.now被取代成一个空的 mock function
    const MockedNowTime = new Date('2020')
    
    GetDate.mockImplementation(() => MockedNowTime) // 指定Mocked Value
    ... //挂载Component
    
    GetDate.mockRestore() // 回复成原本的Function
    expect(wrapper.element).toMatchSnapshot()
})