@networkpro/web 1.15.4 → 1.17.0

package/stylelint.config.js

@@ -56,6 +56,12 @@ export default {
           "Class names must not start with 'fa-' (FontAwesome classes are ignored)",
       },
     ],
+    // Disable unnecessarily strict rules
+    //'media-type-no-deprecated': null,
+    //'property-no-deprecated': null,
+    //'nesting-selector-no-missing-scoping-root': null,
+    //'no-invalid-position-at-import-rule': null,
+    //'no-invalid-position-declaration': null,
     'order/properties-order': [
       [
         {

package/tests/e2e/app.spec.js

@@ -11,7 +11,7 @@ This file is part of Network Pro.
  * @description Runs Playwright E2E tests with desktop and root route assertions.
  * @module tests/e2e
  * @author SunDevil311
- * @updated 2025-05-29
+ * @updated 2025-09-17
  */
 
 import { expect, test } from '@playwright/test';
@@ -22,26 +22,14 @@ import {
   setMobileView,
 } from './shared/helpers.js';
 
-// Root route should load successfully with the correct title
+// Root route should display nav bar and about link
 test.describe('Desktop Tests', () => {
-  test('should load successfully with the correct title', async ({
-    page,
-    browserName,
-  }) => {
-    if (browserName === 'webkit') test.skip();
-
-    await setDesktopView(page);
-    await page.goto('/');
-    await page.waitForLoadState('load', { timeout: 60000 });
-    await expect(page).toHaveTitle(/Security, Networking, Privacy/);
-  });
-
-  // Root route should display nav bar and about link
   test("should display the navigation bar and 'about' link", async ({
     page,
   }) => {
     await setDesktopView(page);
     await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
     const nav = await getVisibleNav(page);
 
@@ -54,8 +42,9 @@ test.describe('Desktop Tests', () => {
   test('should display the footer correctly', async ({ page }) => {
     await setDesktopView(page);
     await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
-    const footer = page.locator('footer');
+    const footer = getFooter(page);
     await expect(footer).toBeVisible();
   });
 
@@ -65,6 +54,7 @@ test.describe('Desktop Tests', () => {
   }) => {
     await setDesktopView(page);
     await page.goto('/about');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
     const footer = getFooter(page);
     await expect(footer).toBeVisible();
@@ -74,11 +64,12 @@ test.describe('Desktop Tests', () => {
   test("should ensure the 'about' link is clickable", async ({ page }) => {
     await setDesktopView(page);
     await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
     const nav = await getVisibleNav(page);
 
     const aboutLink = nav.getByRole('link', { name: 'about' });
-    await expect(aboutLink).toBeVisible({ timeout: 60000 });
+    await expect(aboutLink).toBeVisible();
     await aboutLink.click();
 
     await page.waitForURL('/about', { timeout: 60000 });
@@ -86,26 +77,16 @@ test.describe('Desktop Tests', () => {
   });
 }); // End Desktop Tests
 
-// Root route should load successfully with the correct title (mobile)
+// Root route should display headings properly on mobile
 test.describe('Mobile Tests', () => {
-  test('should load successfully with the correct title on mobile', async ({
-    page,
-    browserName,
-  }) => {
-    if (browserName === 'webkit') test.skip();
-
-    await setMobileView(page);
-    await page.goto('/');
-    await page.waitForLoadState('load', { timeout: 60000 });
-    await expect(page).toHaveTitle(/Security, Networking, Privacy/);
-  });
-
-  // Root route should display headings properly on mobile
   test('should display main content correctly on mobile', async ({ page }) => {
     await setMobileView(page);
     await page.goto('/');
+    await page.waitForLoadState('domcontentloaded', { timeout: 60000 });
 
     const mainHeading = page.locator('h1, h2');
     await expect(mainHeading).toBeVisible();
   });
 });
+
+// cspell:ignore domcontentloaded

package/tests/e2e/mobile.spec.js

@@ -11,7 +11,7 @@ This file is part of Network Pro.
  * @description Runs Playwright E2E tests with mobile assertions.
  * @module tests/e2e
  * @author SunDevil311
- * @updated 2025-05-29
+ * @updated 2025-09-17
  */
 
 import { expect, test } from '@playwright/test';
@@ -60,10 +60,10 @@ test.describe('Mobile Tests', () => {
 
     const nav = await getVisibleNav(page);
     const aboutLink = nav.getByRole('link', { name: 'about' });
-    await expect(aboutLink).toBeVisible({ timeout: 60000 });
+    await expect(aboutLink).toBeVisible();
 
     await aboutLink.click();
-    await expect(page).toHaveURL(/\/about/);
+    await expect(page).toHaveURL(/\/about/, { timeout: 60000 });
   });
 
   test('should display the footer on /about (mobile)', async ({

package/tests/meta/meta.test.js

@@ -0,0 +1,40 @@
+/* ==========================================================================
+tests/meta/meta.test.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * @file meta.test.js
+ * @description Checks for correct metadata population in CI
+ * @module tests/meta
+ * @author SunDevil311
+ * @updated 2025-09-17
+ */
+
+import { describe, expect, it } from 'vitest';
+import { load } from '../../src/routes/+layout.js';
+
+const routes = [
+  {
+    path: '/',
+    title: /Security, Networking, Privacy/,
+    description: /Network Pro/,
+  },
+  // add more paths as needed:
+  // { path: '/about', title: /About/, description: /Network Pro/ }
+];
+
+describe('Meta checks', () => {
+  for (const route of routes) {
+    it(`should return correct meta for ${route.path}`, () => {
+      const mockUrl = new URL(`http://localhost${route.path}`);
+      const { meta } = load({ url: mockUrl });
+
+      expect(meta.title).toMatch(route.title);
+      expect(meta.description).toMatch(route.description);
+    });
+  }
+});

package/tests/unit/server/internal/auditCoverage.test.js

@@ -10,9 +10,9 @@ This file is part of Network Pro.
  * @file auditCoverage.test.js
  * @description Scans all .js files in src/ and scripts/ for matching unit
  * tests
- * @module tests/internal
+ * @module tests/unit/server/internal
  * @author SunDevil311
- * @updated 2025-07-01
+ * @updated 2025-09-17
  */
 
 import fs from 'fs';

package/tests/unit/server/meta.test.js

@@ -0,0 +1,30 @@
+/* ==========================================================================
+tests/unit/server/meta.test.js
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== */
+
+/**
+ * @file meta.test.js
+ * @description Checks for correct metadata population
+ * @module tests/unit/server
+ * @author SunDevil311
+ * @updated 2025-09-17
+ */
+
+import { describe, expect, it } from 'vitest';
+import { load } from '../../../src/routes/+layout.js';
+
+describe('Meta info', () => {
+  it('should have correct title and description', () => {
+    // Mock a URL similar to what SvelteKit provides
+    const mockUrl = new URL('http://localhost/');
+
+    const { meta } = load({ url: mockUrl });
+
+    expect(meta.title).toMatch(/Security, Networking, Privacy/);
+    expect(meta.description).toMatch(/Network Pro/);
+  });
+});

package/src/routes/example.svx

@@ -1,9 +0,0 @@
-# Welcome to My Page
-
-This is an example of an `.svx` file with Markdown and Svelte.
-
-<script>
-	let count = 0;
-</script>
-
-<button on:click={() => count++}>Clicked {count} times</button>