test: improves navigation selectors and test formatting

Author: JCFcodex

e2e/homepage.spec.ts

@@ -9,7 +9,9 @@ test.describe('Homepage', () => {
     await expect(
       page.getByRole('heading', { name: /ship your saas/i }),
     ).toBeVisible();
-    await expect(main.getByRole('link', { name: /get started/i })).toBeVisible();
+    await expect(
+      main.getByRole('link', { name: /get started/i }),
+    ).toBeVisible();
     await expect(
       main.getByRole('link', { name: /documentation/i }),
     ).toBeVisible();
@@ -32,18 +34,20 @@ test.describe('Homepage', () => {
       main.getByRole('heading', { name: 'Authentication' }),
     ).toBeVisible();
     await expect(main.getByRole('heading', { name: 'Payments' })).toBeVisible();
-    await expect(main.getByRole('heading', { name: 'Turbopack' })).toBeVisible();
+    await expect(
+      main.getByRole('heading', { name: 'Turbopack' }),
+    ).toBeVisible();
   });
 
   test('navbar links navigate correctly', async ({ page }) => {
     await page.goto('/');
-    const nav = page.getByRole('navigation');
+    const nav = page.getByLabel('Main navigation');
 
     await nav.getByRole('link', { name: 'Pricing' }).click();
     await expect(page).toHaveURL('/pricing');
 
     await page
-      .getByRole('navigation')
+      .getByLabel('Main navigation')
       .getByRole('link', { name: 'AinzStack' })
       .click();
     await expect(page).toHaveURL('/');

e2e/smoke.spec.ts

@@ -7,7 +7,9 @@ test.describe('Marketing Pages', () => {
 
     await expect(page).toHaveTitle(/AinzStack/i);
     await expect(page.locator('h1')).toBeVisible();
-    await expect(main.getByRole('link', { name: /get started/i })).toBeVisible();
+    await expect(
+      main.getByRole('link', { name: /get started/i }),
+    ).toBeVisible();
   });
 
   test('pricing page renders three plans', async ({ page }) => {
@@ -20,7 +22,7 @@ test.describe('Marketing Pages', () => {
 
   test('navbar links are visible on desktop', async ({ page }) => {
     await page.goto('/');
-    const nav = page.getByRole('navigation');
+    const nav = page.getByLabel('Main navigation');
 
     await expect(nav.getByRole('link', { name: 'Pricing' })).toBeVisible();
     await expect(nav.getByRole('link', { name: 'Docs' })).toBeVisible();