Tests: Added footer test + adjusted other tests

Author: lamATnginx

layouts/partials/footer-v2.html

@@ -1,9 +1,9 @@
 <div class="footer-layout">
-    <div class="footer-f5-trademark">
+    <div class="footer-f5-trademark" data-testid="footer-f5-trademark">
         <img class="f5-logo-footer" src="{{ "/images/icons/Logo_F5.svg" | absURL }}" alt="F5 logo">
         <p>©2025 F5, Inc. All rights reserved. NGINX is a registered trademark of F5, Inc.</p>
     </div>
-    <div class="footer-useful-links">
+    <div class="footer-useful-links" data-testid="footer-useful-links">
         <a
             href="https://www.f5.com/company/policies/trademarks"
             rel="noopener"

layouts/partials/sidebar-v2.html

@@ -22,7 +22,7 @@
 {{ $productName := index $productMap $productIdentifier }}
 
 <div class="sidebar__container">
-    <div class="sidebar__header">
+    <div class="sidebar__header" data-testid="sidebar__header">
         <div>
             <a href="{{ .Site.BaseURL | relLangURL }}" alt="NGINX Docs Home">
                 <img class="sidebar__img" src="{{ "/images/icons/NGINX-Docs-horiz-black-type.svg" | absURL }}" alt="NGINX Docs">

tests/src/footer.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Smoke test for footer', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/');
+  });
+
+  test('should test footer renders', async ({ page }) => {
+    await expect(
+      await page.locator('data-testid=footer-f5-trademark').count()
+    ).toBeTruthy();
+    await expect(
+      await page.locator('data-testid=footer-useful-links').count()
+    ).toBeTruthy();
+  });
+});

tests/src/header-smoke.spec.js renamed to tests/src/header.spec.js

@@ -2,7 +2,7 @@ import { test } from '@playwright/test';
 import { runSmokeTestOnPage } from './util';
 
 test.describe('Smoke test for landing page', () => {
-  test('should test each product landing page renders', async ({ page }) => {
+  test('should test product landing page renders', async ({ page }) => {
     const products = ['test-product', 'nginx'];
 
     for (const product of products) {

tests/src/product-landing-smoke.spec.js renamed to tests/src/product-landing.spec.js

@@ -1,4 +1,4 @@
-import { test } from '@playwright/test';
+import { test, expect } from '@playwright/test';
 import { runSmokeTestOnPage } from './util';
 
 async function openPage(page, sidebarPage) {
@@ -46,6 +46,15 @@ test.describe('Smoke test for sidebar', () => {
     await page.goto(`/test-product/`);
   });
 
+  test('should test sidebar renders', async ({ page }) => {
+    await expect(
+      await page.locator('data-testid=sidebar__header').count()
+    ).toBeTruthy();
+    await expect(
+      await page.locator('data-testid=sidebar__content').count()
+    ).toBeTruthy();
+  });
+
   test('should test each section page on sidebar renders', async ({ page }) => {
     /* Click on each link */
     const sidebarPages = await page.locator('data-testid=sidebar__page').all();