@manufac/general-tests 0.2.0 → 0.3.0

package/dist/config/projects.d.ts

@@ -4,45 +4,38 @@ export interface Breakpoint {
     height: number;
 }
 export declare const DesktopBreakpoints: {
-    readonly Laptop: {
-        readonly name: "Laptop";
-        readonly width: 1280;
-        readonly height: 800;
-    };
     readonly Desktop: {
         readonly name: "Desktop";
         readonly width: 1440;
         readonly height: 900;
     };
-    readonly Wide: {
-        readonly name: "Wide";
-        readonly width: 1920;
-        readonly height: 1080;
-    };
 };
-export declare const MobileBreakpoints: {
+export declare const ResponsiveLayoutBreakpoints: {
     readonly MobileS: {
-        readonly name: "Mobile S";
+        readonly name: "320";
         readonly width: 320;
         readonly height: 568;
     };
-    readonly MobileM: {
-        readonly name: "Mobile M";
-        readonly width: 390;
-        readonly height: 844;
+    readonly MobileL: {
+        readonly name: "375";
+        readonly width: 375;
+        readonly height: 812;
     };
     readonly Tablet: {
-        readonly name: "Tablet";
+        readonly name: "768";
         readonly width: 768;
         readonly height: 1024;
     };
+    readonly Desktop: {
+        readonly name: "1440";
+        readonly width: 1440;
+        readonly height: 900;
+    };
 };
 export declare const ProjectTypes: {
     readonly Mobile: "mobile";
     readonly Desktop: "desktop";
     readonly Shared: "shared";
 };
-export declare const SharedTestMatch = "shared/**/*.spec.js";
-export declare const DesktopOnlyTestMatch = "desktop-only/**/*.spec.js";
-export declare const MobileOnlyTestMatch = "mobile-only/**/*.spec.js";
-export declare const SiteWideTestMatch = "site-wide/**/*.spec.js";
+export declare const LoadingPageTestMatch = "loading-page.spec.ts";
+export declare const ResponsiveLayoutTestMatch = "responsive-layout.spec.js";

package/dist/config/projects.js

@@ -1,23 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SiteWideTestMatch = exports.MobileOnlyTestMatch = exports.DesktopOnlyTestMatch = exports.SharedTestMatch = exports.ProjectTypes = exports.MobileBreakpoints = exports.DesktopBreakpoints = void 0;
+exports.ResponsiveLayoutTestMatch = exports.LoadingPageTestMatch = exports.ProjectTypes = exports.ResponsiveLayoutBreakpoints = exports.DesktopBreakpoints = void 0;
 // Section 3 of the Landing Page Test Plan — breakpoints / viewports.
 exports.DesktopBreakpoints = {
-    Laptop: { name: "Laptop", width: 1280, height: 800 },
     Desktop: { name: "Desktop", width: 1440, height: 900 },
-    Wide: { name: "Wide", width: 1920, height: 1080 },
 };
-exports.MobileBreakpoints = {
-    MobileS: { name: "Mobile S", width: 320, height: 568 },
-    MobileM: { name: "Mobile M", width: 390, height: 844 },
-    Tablet: { name: "Tablet", width: 768, height: 1024 },
+exports.ResponsiveLayoutBreakpoints = {
+    MobileS: { name: "320", width: 320, height: 568 },
+    MobileL: { name: "375", width: 375, height: 812 },
+    Tablet: { name: "768", width: 768, height: 1024 },
+    Desktop: { name: "1440", width: 1440, height: 900 },
 };
 exports.ProjectTypes = {
     Mobile: "mobile",
     Desktop: "desktop",
     Shared: "shared",
 };
-exports.SharedTestMatch = "shared/**/*.spec.js";
-exports.DesktopOnlyTestMatch = "desktop-only/**/*.spec.js";
-exports.MobileOnlyTestMatch = "mobile-only/**/*.spec.js";
-exports.SiteWideTestMatch = "site-wide/**/*.spec.js";
+exports.LoadingPageTestMatch = "loading-page.spec.ts";
+exports.ResponsiveLayoutTestMatch = "responsive-layout.spec.js";

package/dist/fixtures/index.d.ts

@@ -1,5 +1,6 @@
 export interface PageTestOptions {
     targetPage: string;
+    pages: string[];
     consoleErrors: string[];
 }
 export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & PageTestOptions, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;

package/dist/fixtures/index.js

@@ -6,20 +6,13 @@ const test_1 = require("@playwright/test");
 // eslint-disable-next-line @typescript-eslint/naming-convention
 exports.test = test_1.test.extend({
     // Ref: https://playwright.dev/docs/test-fixtures#fixtures-options
-    /**
-     * Playwright's test.extend<Options>({ someOption: [defaultValue, { option: true }] })
-     * syntax declares targetPage as a fixture option — a configurable value with a
-     * default ("/" here), which any consumer can override via test.use({ targetPage: "..." }),
-     * either per spec file, per describe block, or per Playwright "project" in a config.
-     * Without { option: true }, it'd just be a fixed value baked into the fixture,
-     * not something a consumer could override.
-     */
     targetPage: ["/", { option: true }],
+    pages: [["/"], { option: true }],
     consoleErrors: async ({ page }, use) => {
-        let errors = [];
+        const errors = [];
         page.on("console", (message) => {
             if (message.type() === "error") {
-                errors = [...errors, message.text()];
+                errors.push(message.text());
             }
         });
         await use(errors);

package/dist/specs/loading-page.spec.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fixtures_1 = require("../fixtures");
+const test_1 = require("@playwright/test");
+fixtures_1.test.describe("Page load and structure", () => {
+    (0, fixtures_1.test)("LP-01: Page loads without errors", async ({ page, consoleErrors, pages }) => {
+        // Loops over every page in one test, so the default 30s timeout doesn't leave enough time
+        // per page once there are more than a handful — triple it instead of hardcoding a number.
+        fixtures_1.test.slow();
+        for (const targetPage of pages) {
+            await fixtures_1.test.step(targetPage, async () => {
+                const consoleErrorsBeforeNavigation = consoleErrors.length;
+                let failedNetworkRequests = 0;
+                const onResponse = (response) => {
+                    const status = response.status();
+                    if (status >= 400) {
+                        failedNetworkRequests += 1;
+                    }
+                };
+                page.on("response", onResponse);
+                try {
+                    const response = await page.goto(targetPage);
+                    (0, test_1.expect)(response?.ok()).toBe(true);
+                    (0, test_1.expect)(consoleErrors.slice(consoleErrorsBeforeNavigation)).toHaveLength(0);
+                    (0, test_1.expect)(failedNetworkRequests, "Page should load without any failed network requests (404/500)").toBe(0);
+                }
+                finally {
+                    page.off("response", onResponse);
+                }
+            });
+        }
+    });
+    (0, fixtures_1.test)("LP-02: Correct page metadata", async ({ page, pages }) => {
+        // Loops over every page in one test, so the default 30s timeout doesn't leave enough time
+        // per page once there are more than a handful — triple it instead of hardcoding a number.
+        fixtures_1.test.slow();
+        for (const targetPage of pages) {
+            await fixtures_1.test.step(targetPage, async () => {
+                await page.goto(targetPage);
+                const title = await page.title();
+                const hasTitle = title.trim().length > 0;
+                (0, test_1.expect)(hasTitle, "Page title should not be empty").toBe(true);
+                (0, test_1.expect)(title).not.toMatch(/^http/i);
+                (0, test_1.expect)(title).not.toMatch(/untitled/i);
+                const favicon = page.locator('link[rel="icon"], link[rel="shortcut icon"]');
+                await (0, test_1.expect)(favicon.first()).toBeAttached();
+                const href = await favicon.first().getAttribute("href");
+                (0, test_1.expect)(href, "Favicon href should not be empty").toBeTruthy();
+            });
+        }
+    });
+    (0, fixtures_1.test)("LP-03: HTTPS enforced", async ({ page, targetPage, baseURL }) => {
+        const isLocalhost = baseURL?.includes("localhost");
+        const isLocalIP = baseURL?.includes("127.0.0.1");
+        const isLocalEnvironment = isLocalhost === true || isLocalIP === true;
+        if (isLocalEnvironment) {
+            fixtures_1.test.skip(true, "HTTPS redirection is only testable on remote staging/production environments");
+        }
+        let httpBaseURL = baseURL;
+        const isHTTPS = baseURL?.startsWith("https://");
+        const isHTTP = baseURL?.startsWith("http://");
+        if (isHTTPS === true && baseURL !== undefined) {
+            httpBaseURL = baseURL.replace("https://", "http://");
+        }
+        else if (isHTTP === false && baseURL !== undefined) {
+            httpBaseURL = `http://${baseURL}`;
+        }
+        const httpURL = new URL(targetPage, httpBaseURL).toString();
+        await page.goto(httpURL);
+        (0, test_1.expect)(page.url()).toMatch(/^https:\/\//);
+    });
+    (0, fixtures_1.test)("LP-04: 404/error handling", async ({ page, targetPage }) => {
+        // Avoid a doubled leading slash (e.g. "/" + "/x" -> "//x"), which browsers resolve as
+        // protocol-relative and treat "x" as a hostname instead of a path on this site.
+        const normalizedTargetPage = targetPage.endsWith("/") ? targetPage.slice(0, -1) : targetPage;
+        const notFoundURL = `${normalizedTargetPage}/thispagedoesnotexist`;
+        await page.goto(notFoundURL);
+        const content = await page.content();
+        (0, test_1.expect)(content).not.toMatch(/stack trace/i);
+        await (0, test_1.expect)(page.getByText("Page not found"), "404 page should show a branded message").toBeVisible();
+        await (0, test_1.expect)(page.getByRole("img", { name: /manufac|logo/i }), "404 page should show the company logo").toBeVisible();
+        await (0, test_1.expect)(page.getByRole("link", { name: /home|back|return/i }), "404 page should have a link back to the home page").toBeVisible();
+    });
+});

package/dist/specs/responsive-layout.spec.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_js_1 = require("./utils.js");
+const fixtures_1 = require("../fixtures");
+const test_1 = require("@playwright/test");
+fixtures_1.test.describe("Responsive layout", () => {
+    (0, fixtures_1.test)("RS-01: No horizontal overflow at 320 / 375 / 768 / 1440", async ({ page, pages }) => {
+        fixtures_1.test.slow();
+        for (const targetPage of pages) {
+            await fixtures_1.test.step(targetPage, async () => {
+                await page.goto(targetPage);
+                const hasScrollbar = await (0, utils_js_1.hasHorizontalScrollbar)(page);
+                (0, test_1.expect)(hasScrollbar, "Page should not have a horizontal scrollbar").toBe(false);
+            });
+        }
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manufac/general-tests",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A library for general tests for landing pages",
   "repository": {
     "type": "git",

package/dist/specs/shared/landing-page.spec.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Page load and structure", () => {
-    (0, fixtures_1.test)("LP-01: Page loads without errors", async ({ page, consoleErrors, targetPage }) => {
-        let failedNetworkRequests = 0;
-        page.on("response", (response) => {
-            const status = response.status();
-            if (status >= 400) {
-                failedNetworkRequests += 1;
-            }
-        });
-        const response = await page.goto(targetPage);
-        (0, test_1.expect)(response?.ok()).toBe(true);
-        (0, test_1.expect)(consoleErrors).toHaveLength(0);
-        (0, test_1.expect)(failedNetworkRequests, "Page should load without any failed network requests (404/500)").toBe(0);
-    });
-    (0, fixtures_1.test)("LP-02: Correct page metadata", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const title = await page.title();
-        const hasTitle = title.trim().length > 0;
-        (0, test_1.expect)(hasTitle, "Page title should not be empty").toBe(true);
-        (0, test_1.expect)(title).not.toMatch(/^http/i);
-        (0, test_1.expect)(title).not.toMatch(/untitled/i);
-        const favicon = page.locator('link[rel="icon"], link[rel="shortcut icon"]');
-        await (0, test_1.expect)(favicon.first()).toBeAttached();
-        const href = await favicon.first().getAttribute("href");
-        (0, test_1.expect)(href, "Favicon href should not be empty").toBeTruthy();
-    });
-});

package/dist/specs/site-wide/landing-page.spec.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Page load and structure - site-wide", () => {
-    (0, fixtures_1.test)("LP-03: HTTPS enforced", async ({ page, targetPage, baseURL }) => {
-        const isLocalhost = baseURL?.includes("localhost");
-        const isLocalIP = baseURL?.includes("127.0.0.1");
-        const isLocalEnvironment = isLocalhost === true || isLocalIP === true;
-        if (isLocalEnvironment) {
-            fixtures_1.test.skip(true, "HTTPS redirection is only testable on remote staging/production environments");
-        }
-        let httpBaseURL = baseURL;
-        const isHTTPS = baseURL?.startsWith("https://");
-        const isHTTP = baseURL?.startsWith("http://");
-        if (isHTTPS === true && baseURL !== undefined) {
-            httpBaseURL = baseURL.replace("https://", "http://");
-        }
-        else if (isHTTP === false && baseURL !== undefined) {
-            httpBaseURL = `http://${baseURL}`;
-        }
-        const httpURL = new URL(targetPage, httpBaseURL).toString();
-        await page.goto(httpURL);
-        (0, test_1.expect)(page.url()).toMatch(/^https:\/\//);
-    });
-    (0, fixtures_1.test)("LP-04: 404/error handling", async ({ page, targetPage }) => {
-        // Avoid a doubled leading slash (e.g. "/" + "/x" -> "//x"), which browsers resolve as
-        // protocol-relative and treat "x" as a hostname instead of a path on this site.
-        const normalizedTargetPage = targetPage.endsWith("/") ? targetPage.slice(0, -1) : targetPage;
-        const notFoundURL = `${normalizedTargetPage}/thispagedoesnotexist`;
-        await page.goto(notFoundURL);
-        const content = await page.content();
-        (0, test_1.expect)(content).not.toMatch(/stack trace/i);
-        await (0, test_1.expect)(page.getByText("Page not found"), "404 page should show a branded message").toBeVisible();
-        await (0, test_1.expect)(page.getByRole("img", { name: /manufac|logo/i }), "404 page should show the company logo").toBeVisible();
-        await (0, test_1.expect)(page.getByRole("link", { name: /home|back|return/i }), "404 page should have a link back to the home page").toBeVisible();
-    });
-});