How to handle timezones in Cypress snapshot tests?

Question

We use Cypress and cypress-image-snapshot for snapshot testing. Unfortunately we have issues with our colleagues based in another countries running the tests since they fail because of different timezones. In our date related components we pass strings in ISO 8601 format to set the date.

For our jest tests we use mocks (Components using Date objects produce different snapshots in different timezones) but not quite sure how to handle the situation in Cypress.

The Cypress [docs](https://docs.cypress.io/guides/tooling/visual-testing.html) specifically highlight `cy.clock`, have you looked into that? — jonrsharpe, Nov 10 '19 at 16:47
`cy.clock()` is for speeding up JS timer functions like `setTimeout()`, nothing to do with timezones so you can ignore that approach. — Ackroydd, Nov 13 '19 at 19:37
You should be able to manage timezone issues by structuring the test so that it only checks **relative** time values. Could you please post a simple example to illustrate the problem? — Ackroydd, Nov 13 '19 at 19:38

score 18 · Accepted Answer · answered Jun 08 '20 at 19:49

18

You can open browser with different TZ from server by adding specific timezone before open, in this way

"scripts": {
  "cypress:open": "TZ=America/New_York cypress open",
  "cypress:run": "TZ=America/New_York cypress run"
}

answered Jun 08 '20 at 19:49

Juampi Caceres

316
3
4

1

yep, this is eventually what I did as there is no dedicated api by cypress – pollx Jun 12 '20 at 10:13
4

This doesn't work for Windows. I know i have to use " SET TZ=America/New_York cypress run" but it wont work – rUI7999 Feb 18 '21 at 22:54
worked for me on my terminal but not in gitlab ci :/ thx anyways its useful – David Rearte Jul 04 '23 at 05:54

How to handle timezones in Cypress snapshot tests?

1 Answers1