nicola/resumarkdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add mobile nav toggle

Browse Source
This commit is contained in:
Nicola Clark
2024-10-12 00:53:39 -05:00
parent a5780c2f67
commit 5acb6af50a
7 changed files with 86 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
tests/desktop.test.ts Normal file
View File

@@ -0,0 +1,11 @@
import { expect, test } from '@playwright/test';
test('desktop page has nav tree', async ({ page }) => {
await page.goto('/');
await expect(page.locator('nav')).toBeVisible();
});
test('desktop page does not have nav toggle', async ({ page }) => {
await page.goto('/');
await expect(page.locator('nav button')).toBeHidden();
});

5
tests/test.ts → tests/general.test.ts
View File

@@ -7,11 +7,6 @@ test('page has headline', async ({ page }) => {
await expect(headline).toHaveText('resumarkdown');
});
test('page has nav tree', async ({ page }) => {
await page.goto('/');
await expect(page.locator('nav')).toBeVisible();
});
test('nav items work', async ({ page }) => {
await page.goto('/');
let lastPane = '#pane-preview';

21
tests/mobile.test.ts Normal file
View File

@@ -0,0 +1,21 @@
import { expect, test } from '@playwright/test';
test.use({ viewport: { height: 2556, width: 1179 } });
test('mobile page has nav tree hidden by default', async ({ page }) => {
await page.goto('/');
await expect(page.locator('nav ul')).toBeHidden();
});
test('mobile page has nav toggle', async ({ page }) => {
await page.goto('/');
await expect(page.locator('nav button')).toBeVisible();
});
test('nav toggle works', async ({ page }) => {
await page.goto('/');
await page.locator('nav button').click();
await expect(page.locator('nav ul')).toBeVisible();
await page.locator('nav button').click();
await expect(page.locator('nav ul')).toBeHidden();
});