Playwright · Middle · Question 44 of 75

How do you test dark mode styles?

1Toggle the OS theme before the run
2test.use({ colorScheme: 'dark' })
3Add a dark class in every test

Show the answer

Correct answer: test.use({ colorScheme: 'dark' })

Explanation

colorScheme emulates prefers-color-scheme, so CSS media queries respond as for a real user.

Further reading

Playwright: Emulation ↗

Test yourself

Take the Playwright · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.