@teseor/css 1.15.0 → 1.15.1

package/src/components/feedback/spinner/{spinner.docs.html → docs.html}

@@ -1,8 +1,6 @@
 ---
 title: Spinner
-type: component
 description: Loading indicator with pure CSS animation. Inherits color from parent.
-api: ./spinner.api.json
 ---
 
 <!-- @default | row -->

package/src/components/feedback/spinner/{spinner.visual.spec.ts → visual.spec.ts}

@@ -6,7 +6,7 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'spinner.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('spinner visual regression', () => {
   // TODO: Skip grid rhythm until #154 is resolved (CSS var resolution issue)
@@ -14,6 +14,6 @@ test.describe('spinner visual regression', () => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     // await validateGridRhythm(page, 'spinner');
     await saveForLostPixel(page, 'spinner');
-    await expect(page.locator('body')).toHaveScreenshot('spinner.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/feedback/toast/{toast.docs.html → docs.html}

@@ -1,8 +1,5 @@
 ---
 title: Toast
-type: component
-id: toast
-api: ./toast.api.json
 ---
 
 <!-- @default -->

package/src/components/feedback/toast/{toast.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'toast.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('toast visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'toast');
     await saveForLostPixel(page, 'toast');
-    await expect(page.locator('body')).toHaveScreenshot('toast.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/checkbox/{checkbox.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Checkbox
-type: component
-id: checkbox
 description: Native checkbox input with custom styling. Supports checked, indeterminate, and disabled states.
-api: ./checkbox.api.json
 ---
 
 <!-- @default | row -->

package/src/components/forms/checkbox/{checkbox.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'checkbox.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('checkbox visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'checkbox');
     await saveForLostPixel(page, 'checkbox');
-    await expect(page.locator('body')).toHaveScreenshot('checkbox.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/checkbox-group/{checkbox-group.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Checkbox Group
-type: component
-id: checkbox-group
 description: Groups related checkboxes with a legend and consistent spacing. Built on native fieldset semantics.
-api: ./checkbox-group.api.json
 mergeInto: checkbox
 ---
 

package/src/components/forms/checkbox-group/{checkbox-group.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'checkbox-group.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('checkbox-group visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'checkbox-group');
     await saveForLostPixel(page, 'checkbox-group');
-    await expect(page.locator('body')).toHaveScreenshot('checkbox-group.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/field/{field.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Field
-type: component
-id: field
 description: Form field wrapper that combines label, control, helper text, and error message.
-api: ./field.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/field/{field.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'field.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('field visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'field');
     await saveForLostPixel(page, 'field');
-    await expect(page.locator('body')).toHaveScreenshot('field.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/fieldset/{fieldset.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Fieldset
-type: component
-id: fieldset
 description: Groups related form fields with an optional legend and border.
-api: ./fieldset.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/fieldset/{fieldset.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'fieldset.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('fieldset visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'fieldset');
     await saveForLostPixel(page, 'fieldset');
-    await expect(page.locator('body')).toHaveScreenshot('fieldset.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/form/{form.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Form
-type: component
-id: form
 description: Layout container for form fields with consistent spacing, sections, and an actions row.
-api: ./form.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/form/{form.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'form.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('form visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'form');
     await saveForLostPixel(page, 'form');
-    await expect(page.locator('body')).toHaveScreenshot('form.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/form-error/{form-error.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Form Error
-type: component
-id: form-error
 description: Validation error message for form fields. Displays in danger color.
-api: ./form-error.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/form-error/{form-error.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'form-error.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('form-error visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'form-error');
     await saveForLostPixel(page, 'form-error');
-    await expect(page.locator('body')).toHaveScreenshot('form-error.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/form-helper/{form-helper.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Form Helper
-type: component
-id: form-helper
 description: Helper text for form fields. Provides additional context or instructions.
-api: ./form-helper.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/form-helper/{form-helper.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'form-helper.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('form-helper visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'form-helper');
     await saveForLostPixel(page, 'form-helper');
-    await expect(page.locator('body')).toHaveScreenshot('form-helper.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/input/{input.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Input
-type: component
-id: input
 description: Text input field for user data entry. Heights align to grid rows.
-api: ./input.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/input/{input.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'input.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('input visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'input');
     await saveForLostPixel(page, 'input');
-    await expect(page.locator('body')).toHaveScreenshot('input.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/label/{label.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Label
-type: component
-id: label
 description: Form control labels. Associates text with inputs via htmlFor or wrapping.
-api: ./label.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/label/{label.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'label.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('label visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'label');
     await saveForLostPixel(page, 'label');
-    await expect(page.locator('body')).toHaveScreenshot('label.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/number-input/{number-input.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Number Input
-type: component
-id: number-input
 description: Numeric input with increment and decrement stepper buttons.
-api: ./number-input.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/number-input/{number-input.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'number-input.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('number-input visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'number-input');
     await saveForLostPixel(page, 'number-input');
-    await expect(page.locator('body')).toHaveScreenshot('number-input-visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/password-input/{password-input.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Password Input
-type: component
-id: password-input
 description: Secure password field with toggle visibility button.
-api: ./password-input.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/password-input/{password-input.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'password-input.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('password-input visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'password-input');
     await saveForLostPixel(page, 'password-input');
-    await expect(page.locator('body')).toHaveScreenshot('password-input-visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/radio/{radio.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Radio
-type: component
-id: radio
 description: Native radio button with custom styling. Use for mutually exclusive options within a group.
-api: ./radio.api.json
 ---
 
 <!-- @default | row -->

package/src/components/forms/radio/{radio.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'radio.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('radio visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'radio');
     await saveForLostPixel(page, 'radio');
-    await expect(page.locator('body')).toHaveScreenshot('radio.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/radio-group/{radio-group.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Radio Group
-type: component
-id: radio-group
 description: Groups related radio buttons with a legend for single selection. Built on native fieldset semantics.
-api: ./radio-group.api.json
 mergeInto: radio
 ---
 

package/src/components/forms/radio-group/{radio-group.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'radio-group.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('radio-group visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'radio-group');
     await saveForLostPixel(page, 'radio-group');
-    await expect(page.locator('body')).toHaveScreenshot('radio-group.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/search-input/{search-input.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Search Input
-type: component
-id: search-input
 description: Search field with built-in search icon and optional clear button.
-api: ./search-input.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/search-input/{search-input.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'search-input.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('search-input visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'search-input');
     await saveForLostPixel(page, 'search-input');
-    await expect(page.locator('body')).toHaveScreenshot('search-input.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/select/{select.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Select
-type: component
-id: select
 description: Native select dropdown with custom styling. Dropdown options use browser default styles.
-api: ./select.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/select/{select.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'select.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('select visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'select');
     await saveForLostPixel(page, 'select');
-    await expect(page.locator('body')).toHaveScreenshot('select.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/slider/{slider.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Slider
-type: component
-id: slider
 description: Range value selection. Styles the native range input cross-browser for track and thumb.
-api: ./slider.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/slider/{slider.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'slider.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('slider visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'slider');
     await saveForLostPixel(page, 'slider');
-    await expect(page.locator('body')).toHaveScreenshot('slider.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/textarea/{textarea.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Textarea
-type: component
-id: textarea
 description: Multi-line text input for longer content like comments or descriptions.
-api: ./textarea.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/textarea/{textarea.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'textarea.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('textarea visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'textarea');
     await saveForLostPixel(page, 'textarea');
-    await expect(page.locator('body')).toHaveScreenshot('textarea.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/forms/toggle/{toggle.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Toggle
-type: component
-id: toggle
 description: Switch control for boolean states. Uses checkbox semantics with role=switch for accessibility.
-api: ./toggle.api.json
 ---
 
 <!-- @default -->

package/src/components/forms/toggle/{toggle.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'toggle.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('toggle visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'toggle');
     await saveForLostPixel(page, 'toggle');
-    await expect(page.locator('body')).toHaveScreenshot('toggle.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/navigation/breadcrumb/{breadcrumb.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Breadcrumb
-type: component
-id: breadcrumb
 description: Navigation hierarchy showing current page location in site structure.
-api: ./breadcrumb.api.json
 ---
 
 <!-- @default -->

package/src/components/navigation/breadcrumb/{breadcrumb.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'breadcrumb.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('breadcrumb visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'breadcrumb');
     await saveForLostPixel(page, 'breadcrumb');
-    await expect(page.locator('body')).toHaveScreenshot('breadcrumb.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/navigation/dropdown-menu/{dropdown-menu.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Dropdown Menu
-type: component
-id: dropdown-menu
 description: Trigger button with floating menu panel. Reuses the menu component for consistent item styling.
-api: ./dropdown-menu.api.json
 ---
 
 <!-- @default -->

package/src/components/navigation/dropdown-menu/{dropdown-menu.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'dropdown-menu.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('dropdown-menu visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'dropdown-menu');
     await saveForLostPixel(page, 'dropdown-menu');
-    await expect(page.locator('body')).toHaveScreenshot('dropdown-menu-visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

package/src/components/navigation/menu/{menu.docs.html → docs.html}

@@ -1,8 +1,5 @@
 ---
 title: Menu
-type: component
-id: menu
-api: ./menu.api.json
 ---
 
 <!-- @default -->

package/src/components/navigation/menu/{menu.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'menu.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('menu visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'menu');
     await saveForLostPixel(page, 'menu');
-    await expect(page.locator('body')).toHaveScreenshot('menu.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });