Add Playwright tests for options page (#40)

- Change GH action to only run no-auth playwright tests
- Write tests for popup page

.github/workflows/playwright.yaml

@@ -30,8 +30,8 @@ jobs:
     - name: Build Package
       run: |
         make build
-    - name: Run Playwright tests
-      run: npx playwright test
+    - name: Run Non-Auth Playwright tests
+      run: npx playwright test --project=no-auth
     - uses: actions/upload-artifact@v3
       if: always()
       with:

playwright.config.ts

@@ -36,6 +36,10 @@ export default defineConfig({
 			name: "chromium",
 			use: { ...devices["Desktop Chrome"] },
 		},
+		{
+			name: "no-auth",
+			testIgnore: "**/tests/auth/**",
+		},
 		/*
 		{
 			name: "firefox",

tests/auth/tdx/smoke.spec.ts

@@ -0,0 +1,9 @@
+import { test } from "../../fixtures";
+import { BASE_URL } from "../../../src/config";
+
+test("Can access TDX", async ({ page }) => {
+  //await page.goto(`https://help.uillinois.edu/SBTDNext`);
+  await page.goto(BASE_URL);
+  // todo follow sign-in etc
+  // and test that actually logged in ok
+});

tests/options.spec.ts

@@ -0,0 +1 @@
+// todo

tests/popup.spec.ts

@@ -0,0 +1,28 @@
+import { test, expect } from "./fixtures";
+import fs from "fs";
+import path from "path";
+
+// get popup page URL
+// something like "pages/index.html"
+const manifest = JSON.parse(fs.readFileSync(path.join(__dirname, "..", "src", "static", "manifest.json"), "utf8"));
+const defaultPopupRelativePath = manifest.action.default_popup;
+test("Popup page has options button and it opens the options page", async ({ page, extensionId, context }) => {
+	await page.goto(`chrome-extension://${extensionId}/${defaultPopupRelativePath}`);
+	await expect(page.locator("button:has-text('Options'), a:has-text('Options')")).toBeVisible();
+
+	const prevUrl = page.url();
+	await page.locator("button:has-text('Options'), a:has-text('Options')").click();
+	const newTab = await context.waitForEvent("page");
+	await newTab.waitForLoadState();
+	expect(newTab.url(), "Should have opened a new tab with a different URL").not.toEqual(prevUrl);
+});
+test("Popup page has help button and it opens the help page", async ({ page, extensionId, context }) => {
+	await page.goto(`chrome-extension://${extensionId}/${defaultPopupRelativePath}`);
+	await expect(page.locator("button:has-text('Help'), a:has-text('Help')")).toBeVisible();
+
+	const prevUrl = page.url();
+	await page.locator("button:has-text('Options'), a:has-text('Options')").click();
+	const newTab = await context.waitForEvent("page");
+	await newTab.waitForLoadState();
+	expect(newTab.url(), "Should have opened a new tab with a different URL").not.toEqual(prevUrl);
+});