fix: tests

Author: carsakiller

playwright.config.ts

@@ -70,7 +70,7 @@ export default defineConfig({
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: "npm run preview",
+    command: "pnpm preview",
     url: "http://localhost:4321/",
     timeout: 60 * 1000,
     reuseExistingServer: !process.env.CI,

src/layouts/WikiArticle.astro

@@ -32,8 +32,8 @@ export interface Props {
 <Layout title="Wiki" transition={true} displayFooter={false}>
   <div class="columns">
     <aside id="article-browser" class="sidebar">
-      <button class="open"><Icon name="newspaper" group="solid" /></button>
-      <button class="close"><Icon name="x" group="solid" /></button>
+      <button class="open"><Icon name="newspaper" group="solid" ariaLabel="Open article browser"/></button>
+      <button class="close"><Icon name="x" group="solid" ariaLabel="Close article browser" /></button>
       <h2 class="title">Articles</h2>
       <div class="content">
         <nav>
@@ -91,8 +91,8 @@ export interface Props {
       <Footer />
     </div>
     <aside id="outline" class="sidebar">
-      <button class="open"><Icon name="list" group="solid" /></button>
-      <button class="close"><Icon name="x" group="solid" /></button>
+      <button class="open"><Icon name="list" group="solid" ariaLabel="Open outline"/></button>
+      <button class="close"><Icon name="x" group="solid" ariaLabel="Close outline" /></button>
       <h2 class="title">Outline</h2>
       <nav class="content">
         <ol>

src/test/header.spec.ts

@@ -1,27 +1,30 @@
-import { test, expect } from "@playwright/test";
+import { test, expect, type Locator } from "@playwright/test";
 
 test.describe("Header", () => {
+  let header: Locator;
+
   test.beforeEach(async ({ page }) => {
     await page.goto("/wiki/");
+    header = page.getByRole("banner")
   });
 
   test("Exists", async ({ page }) => {
-    await expect(page.getByRole("banner")).toBeVisible();
+    await expect(header).toBeVisible();
   });
 
   test("Home Link", async ({ page, baseURL }) => {
-    await page.getByRole("link", { name: "house" }).click();
+    await header.getByRole("link", { name: "home" }).click();
     expect(page.url()).toBe(baseURL);
   });
 
   test("Wiki Link", async ({ page, baseURL }) => {
-    await page.getByRole("link", { name: "book" }).click();
+    await header.getByRole("link", {name: "wiki"}).click();
     await page.waitForURL("/wiki/");
     expect(page.url()).toBe(baseURL + "wiki/");
   });
 
   test("GitHub Link", async ({ page, context }) => {
-    const href = await page
+    const href = await header
       .getByRole("link", { name: "github" })
       .getAttribute("href");
     expect(href).toBe("https://github.com/luals/lua-language-server");

src/test/index.spec.ts

@@ -10,7 +10,7 @@ test.describe("Home Page", () => {
       }
     );
 
-    await page.goto("/", { waitUntil: "load", timeout: 3000 });
+    await page.goto("/", { waitUntil: "load" });
   });
 
   test("Metadata", async ({ page }) => {

src/test/wiki_article.spec.ts

@@ -2,18 +2,20 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Wiki Article", async () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/wiki/build/");
+    await page.goto("/wiki/diagnosis-report/");
   });
 
   test("Header Exists", async ({ page }) => {
     await expect(page.getByRole("banner")).toBeVisible();
   });
 
   test("Article Loads", async ({ page }) => {
-    await expect(page.getByRole("heading", { name: "Build" })).toBeVisible();
+    await expect(
+      page.getByRole("heading", { name: "Diagnosis Report" })
+    ).toBeVisible();
     await expect(
       page.getByText(
-        "Instructions for building the Lua Language Server from source."
+        "Generate a report containing diagnostics usually received by an LSP client."
       )
     ).toBeVisible();
     await expect(page.getByText("Last Modified:")).toBeVisible();
@@ -25,31 +27,31 @@ test.describe("Wiki Article", async () => {
   test("Article Sidebar", async ({ page }) => {
     const sidebar = page.locator("#article-browser");
 
-    await page.getByRole("button", { name: "newspaper" }).click();
+    await page.getByRole("button", { name: "Open article browser" }).click();
     expect(await sidebar.getAttribute("open")).toBe("");
 
-    await sidebar.getByRole("button", { name: "x" }).click();
-    expect(await sidebar.getAttribute("open")).toBe(null);
-
-    await page.getByRole("button", { name: "newspaper" }).click();
     const link = page.getByRole("link", { name: "Usage" });
     const href = await link.getAttribute("href");
     expect(href).toBe(`/wiki/usage/`);
+
+    await sidebar
+      .getByRole("button", { name: "Close article browser" })
+      .click();
+    expect(await sidebar.getAttribute("open")).toBe(null);
   });
 
   test("Outline Sidebar", async ({ page }) => {
     const sidebar = page.locator("#outline");
 
-    await page.getByRole("button", { name: "list" }).click();
+    await page.getByRole("button", { name: "Open outline" }).click();
     expect(await sidebar.getAttribute("open")).toBe("");
 
-    await sidebar.getByRole("button", { name: "x" }).click();
-    expect(await sidebar.getAttribute("open")).toBe(null);
-
-    await page.getByRole("button", { name: "list" }).click();
-    const link = sidebar.getByRole("link", { name: "Build" });
+    const link = sidebar.getByRole("link", { name: "Diagnosis Report" });
     const href = await link.getAttribute("href");
-    expect(href).toBe(`#build`);
+    expect(href).toBe(`#diagnosis-report`);
+
+    await sidebar.getByRole("button", { name: "Close outline" }).click();
+    expect(await sidebar.getAttribute("open")).toBe(null);
   });
 
   test("Edit Page Button", async ({ page }) => {
@@ -58,7 +60,7 @@ test.describe("Wiki Article", async () => {
 
     const href = await link.getAttribute("href");
     expect(href).toBe(
-      "https://github.com/LuaLS/LuaLS.github.io/tree/main/src/content/wiki/build.mdx"
+      "https://github.com/LuaLS/LuaLS.github.io/tree/main/src/content/wiki/diagnosis-report.mdx"
     );
   });