Writing Playwright tests

package.json

@@ -3,7 +3,9 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Tests passed\" && exit 0"
+    "test": "echo \"Tests passed\" && exit 0",
+    "e2e-test": "npm start && npx playwright test",
+    "e2e-create": "npm start && npx playwright codegen # How do I start my server to create Playwright tests locally using codegen?"
   },
   "author": "",
   "license": "ISC",

tests/e2e/connect4_playwright/connect4.spec.ts

@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test';
+
+test('Play game of Connect 4', async ({ page }) => {
+  await page.goto('http://localhost:3000/');
+  await page.getByRole('button', { name: 'New Game' }).click();
+  await page.locator('[id="\\30 "]').click();
+  await page.locator('[id="\\30 "]').click();
+  await page.locator('[id="\\31 "]').click();
+  await page.locator('[id="\\31 "]').click();
+  await page.locator('[id="\\32 "]').click();
+  await page.locator('[id="\\32 "]').click();
+  page.once('dialog', dialog => {
+    console.log(`Dialog message: ${dialog.message()}`);
+    dialog.dismiss().catch(() => {});
+  });
+  await page.locator('[id="\\33 "]').click();
+});