reactjs - 如何用 Storybook 写故事来卡住时间？

Question

我用 Storybook UI 编写了一个故事，并用 Chromatic 部署了它。问题是我的组件考虑了现在的时间(我使用的是 luxon，所以我使用的是 DateTime.now()，它与 Prop 传递的另一个日期进行比较以显示有多少分钟过去了。现在，我传递一个固定日期进行比较，但是现在和那个日期之间的差异使得每次代码被推送到 Chromatic，它都将其视为一个变化。我如何“卡住”DateTime.now() 在 Storybook 中以便不会发生此问题？

Answer 1

我只是在单个故事中修补我的 Date.now 函数。您可能希望根据获取日期的方式修补其他功能。

Date.now = () => new Date("2022-06-13T12:33:37.000Z");