Create E2E tests for api page

frontend-react/e2e/pages/developer-resources/api/api.ts

@@ -0,0 +1,17 @@
+import { BasePage, BasePageTestArgs } from "../../BasePage";
+
+export class DeveloperResourcesApiPage extends BasePage {
+    constructor(testArgs: BasePageTestArgs) {
+        super(
+            {
+                url: "/developer-resources/api",
+                title: "Guide to connecting with ReportStream's API",
+                heading: testArgs.page.getByRole("heading", {
+                    name: "ReportStream API",
+                    exact: true,
+                }),
+            },
+            testArgs,
+        );
+    }
+}

frontend-react/e2e/spec/all/developer-resources/api/api.spec.ts

@@ -0,0 +1,78 @@
+import { scrollToFooter, scrollToTop } from "../../../../helpers/utils.js";
+import { DeveloperResourcesApiPage } from "../../../../pages/developer-resources/api/api.js";
+import { test as baseTest, expect } from "../../../../test.js";
+
+export interface Fixtures {
+    developerResourcesApiPage: DeveloperResourcesApiPage;
+}
+
+const test = baseTest.extend<Fixtures>({
+    developerResourcesApiPage: async (
+        {
+            page: _page,
+            isMockDisabled,
+            adminLogin,
+            senderLogin,
+            receiverLogin,
+            storageState,
+            isFrontendWarningsLog,
+            frontendWarningsLogPath,
+        },
+        use,
+    ) => {
+        const page = new DeveloperResourcesApiPage({
+            page: _page,
+            isMockDisabled,
+            adminLogin,
+            senderLogin,
+            receiverLogin,
+            storageState,
+            isFrontendWarningsLog,
+            frontendWarningsLogPath,
+        });
+        await page.goto();
+        await use(page);
+    },
+});
+
+test.describe(
+    "Developer Resources / API page",
+    {
+        tag: "@smoke",
+    },
+    () => {
+        test("has correct title", async ({ developerResourcesApiPage }) => {
+            await expect(developerResourcesApiPage.page).toHaveTitle(developerResourcesApiPage.title);
+            await expect(developerResourcesApiPage.heading).toBeVisible();
+        });
+
+        test("has side nav", async ({ developerResourcesApiPage }) => {
+            await expect(
+                developerResourcesApiPage.page.getByRole("navigation", { name: "side-navigation " }),
+            ).toBeVisible();
+        });
+
+        test("pdf file download works", async ({ developerResourcesApiPage }) => {
+            const downloadPromise = developerResourcesApiPage.page.waitForEvent("download");
+            await developerResourcesApiPage.page.getByRole("link", { name: "downloadable PDF" }).click();
+            const download = await downloadPromise;
+            expect(download.suggestedFilename()).toMatch(/^.+\.pdf$/);
+            await download.cancel();
+        });
+
+        test.describe("Footer", () => {
+            test("has footer", async ({ developerResourcesApiPage }) => {
+                await expect(developerResourcesApiPage.footer).toBeAttached();
+            });
+
+            test("explicit scroll to footer and then scroll to top", async ({ developerResourcesApiPage }) => {
+                await expect(developerResourcesApiPage.footer).not.toBeInViewport();
+                await scrollToFooter(developerResourcesApiPage.page);
+                await expect(developerResourcesApiPage.footer).toBeInViewport();
+                await expect(developerResourcesApiPage.page.getByTestId("govBanner")).not.toBeInViewport();
+                await scrollToTop(developerResourcesApiPage.page);
+                await expect(developerResourcesApiPage.page.getByTestId("govBanner")).toBeInViewport();
+            });
+        });
+    },
+);

frontend-react/e2e/spec/all/resources-page.spec.ts → frontend-react/e2e/spec/all/developer-resources/resources-page.spec.ts

@@ -1,5 +1,5 @@
 import { expect, test } from "@playwright/test";
-import * as resources from "../../pages/resources";
+import * as resources from "../../../pages/developer-resources/resources";
 
 // eslint-disable-next-line playwright/no-skipped-test
 test.describe.skip("Developer Resources page", () => {
@@ -61,9 +61,7 @@ test.describe.skip("Developer Resources page", () => {
             });
         }
 
-        test("should redirect unauthenticated users to login page on managing public key", async ({
-            page,
-        }) => {
+        test("should redirect unauthenticated users to login page on managing public key", async ({ page }) => {
             await page
                 .getByRole("link", {
                     name: "Manage your public key",