@@ -198,7 +212,7 @@
height: 100%;
display: flex;
flex-direction: column;
- justify-content: start;
+ justify-content: flex-start;
}
.grid .row {
diff --git a/demo/src/routes/sverdle/how-to-play/+page.svelte b/demo/src/routes/sverdle/how-to-play/+page.svelte
index e7cebca..e8e2cec 100644
--- a/demo/src/routes/sverdle/how-to-play/+page.svelte
+++ b/demo/src/routes/sverdle/how-to-play/+page.svelte
@@ -1,3 +1,8 @@
+
+ How to play Sverdle
+
+
+
How to play Sverdle
@@ -70,7 +75,7 @@
.example {
display: flex;
- justify-content: start;
+ justify-content: flex-start;
margin: 1rem 0;
gap: 0.2rem;
}
diff --git a/demo/tests/test.js b/demo/tests/test.js
new file mode 100644
index 0000000..9397fae
--- /dev/null
+++ b/demo/tests/test.js
@@ -0,0 +1,17 @@
+import { expect, test } from '@playwright/test';
+
+test('about page has expected h1', async ({ page }) => {
+ await page.goto('/about');
+ expect(await page.textContent('h1')).toBe('About this app');
+});
+
+test('submits sverdle guess', async ({ page }) => {
+ await page.goto('/sverdle');
+ const input = page.locator('input[name=guess]').first();
+ await expect(input).not.toBeDisabled();
+
+ await page.keyboard.type('AZURE');
+ await page.keyboard.press('Enter');
+
+ await expect(input).toBeDisabled();
+});
diff --git a/package-lock.json b/package-lock.json
index 405c5c1..46f8bb4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
"@types/set-cookie-parser": "^2.4.2",
"@vitest/coverage-c8": "^0.23.4",
"prettier": "^2.4.1",
- "typescript": "^4.8.4",
+ "typescript": "~4.8.4",
"vitest": "^0.23.4"
},
"peerDependencies": {