+27
@@ -0,0 +1,27 @@
|
||||
id -> #
|
||||
|
||||
class -> .
|
||||
|
||||
|
||||
**Code:**
|
||||
|
||||
- theme:
|
||||
|
||||
```
|
||||
test('přepínač na stránce změní režim na světlý', async ({ page }) => {
|
||||
await page.goto('https://tvuj-web.cz');
|
||||
|
||||
// 1. Najdi a klikni na přepínač režimu
|
||||
const themeButton = page.locator('#theme-switcher');
|
||||
await themeButton.click();
|
||||
|
||||
// 2. Ověř, že se na elementu <html> nebo <body> objevila správná třída
|
||||
// Mnoho webů používá třídu .light-mode nebo atribut data-theme
|
||||
await expect(page.locator('html')).toHaveAttribute('data-theme', 'light');
|
||||
|
||||
// 3. Nebo ověř konkrétní barvu prvku
|
||||
const header = page.locator('header');
|
||||
await expect(header).toHaveCSS('color', 'rgb(0, 0, 0)'); // Černý text ve světlém režimu
|
||||
});
|
||||
```
|
||||
**TODO:**
|
||||
Reference in New Issue
Block a user