chore: add E2E test

e2e-tests/fixtures/customizer/hfg/hfg-secondary-menu-component.json

@@ -0,0 +1,13 @@
+{
+  "neve_ran_builder_migration": true,
+  "neve_migrated_builders": true,
+  "neve_ran_migrations": true,
+  "neve_had_old_skin": true,
+  "neve_migrated_hfg_colors": true,
+  "nav_menu_locations": {
+	"primary": 176
+  },
+  "header_palette_switch_icon_size": "{\"mobile\":16,\"tablet\":16,\"desktop\":44}",
+  "hfg_header_layout_v2": "{\"desktop\":{\"top\":{\"left\":[],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[{\"id\":\"secondary-menu\"}]},\"main\":{\"left\":[{\"id\":\"logo\"}],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[]},\"bottom\":{\"left\":[],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[]}},\"mobile\":{\"top\":{\"left\":[],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[]},\"main\":{\"left\":[{\"id\":\"logo\"}],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[{\"id\":\"nav-icon\"}]},\"bottom\":{\"left\":[],\"c-left\":[],\"center\":[],\"c-right\":[],\"right\":[]},\"sidebar\":[{\"id\":\"secondary-menu\"}]}}\";}",
+  "neve_new_skin": "new"
+}

e2e-tests/specs/customizer/hfg/hgf-secondary-menu-component.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect } from '@playwright/test';
+import { setCustomizeSettings } from '../../../utils';
+import secondaryMenuSetup from '../../../fixtures/customizer/hfg/hfg-secondary-menu-component.json';
+
+test.describe('Secondary Nav', async () => {
+	test('Only Secondary Nav', async ({ page, request, baseURL }) => {
+		await setCustomizeSettings('hfgSearchFormIcon', secondaryMenuSetup, {
+			request,
+			baseURL,
+		});
+		await page.goto('/?test_name=hfgSecondaryNav');
+
+		await page.setViewportSize({ width: 375, height: 812 }); // Mobile Mode.
+
+		await page.getByRole('button', { name: 'Navigation Menu' }).click();
+
+		await expect(
+			page.getByRole('link', { name: 'Sample Page' })
+		).toBeVisible(); // Secondary_Nav_Walker enqueues the necessary JS to make the menu work.
+	});
+});