style(13-03): apply Prettier formatting across repo
Mechanical reformat — no logic changes. 398 files changed, 19125 insertions(+), 16457 deletions(-). Prettier 3.8.4 with .prettierrc (singleQuote:true, semi:true, tabWidth:2, trailingComma:all, printWidth:100). Isolated per D-13-08 for reviewability.
This commit is contained in:
@@ -10,16 +10,16 @@
|
||||
* The BottomTabBar should NOT render on desktop.
|
||||
*/
|
||||
|
||||
import React from 'react'
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||
import { render, screen } from '@testing-library/react'
|
||||
import { MemoryRouter } from 'react-router'
|
||||
import { BottomTabBar } from './BottomTabBar.js'
|
||||
import React from 'react';
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import { MemoryRouter } from 'react-router';
|
||||
import { BottomTabBar } from './BottomTabBar.js';
|
||||
|
||||
describe('BottomTabBar visibility (FIX 4)', () => {
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks()
|
||||
})
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
it('does NOT render on desktop (matchMedia max-width:767px returns false)', () => {
|
||||
// test-setup.ts matchMedia polyfill returns matches:false for all queries
|
||||
@@ -28,15 +28,15 @@ describe('BottomTabBar visibility (FIX 4)', () => {
|
||||
<MemoryRouter>
|
||||
<BottomTabBar />
|
||||
</MemoryRouter>,
|
||||
)
|
||||
);
|
||||
|
||||
// The nav element should not be in the document on desktop
|
||||
const nav = screen.queryByRole('navigation', { name: /Main navigation/i })
|
||||
const nav = screen.queryByRole('navigation', { name: /Main navigation/i });
|
||||
// BottomTabBar renders a <nav aria-label="Main navigation"> — on desktop it must be absent
|
||||
// (note: AppNav also renders a <nav aria-label="Main navigation"> on desktop; but we're
|
||||
// only rendering BottomTabBar here, so the absence confirms it returns null on desktop)
|
||||
expect(nav).toBeNull()
|
||||
})
|
||||
expect(nav).toBeNull();
|
||||
});
|
||||
|
||||
it('renders on phone (matchMedia max-width:767px returns true)', () => {
|
||||
// Override matchMedia to simulate phone
|
||||
@@ -52,17 +52,17 @@ describe('BottomTabBar visibility (FIX 4)', () => {
|
||||
removeEventListener: () => undefined,
|
||||
dispatchEvent: () => false,
|
||||
}),
|
||||
})
|
||||
});
|
||||
|
||||
render(
|
||||
<MemoryRouter>
|
||||
<BottomTabBar />
|
||||
</MemoryRouter>,
|
||||
)
|
||||
);
|
||||
|
||||
// On phone, BottomTabBar nav must be present
|
||||
const nav = screen.queryByRole('navigation', { name: /Main navigation/i })
|
||||
expect(nav).not.toBeNull()
|
||||
const nav = screen.queryByRole('navigation', { name: /Main navigation/i });
|
||||
expect(nav).not.toBeNull();
|
||||
|
||||
// Restore default (matches:false) for subsequent tests
|
||||
Object.defineProperty(window, 'matchMedia', {
|
||||
@@ -77,6 +77,6 @@ describe('BottomTabBar visibility (FIX 4)', () => {
|
||||
removeEventListener: () => undefined,
|
||||
dispatchEvent: () => false,
|
||||
}),
|
||||
})
|
||||
})
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user