mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-13 12:17:34 +00:00
Anso
011f084e24
The nav trigger already stays out of the top bar while entries.json is empty, but the Settings toggle rendered unconditionally, so About showed a control whose helper text described a sparkle icon that could not appear. The Preferences section now follows the same rule as the trigger. Also gives the toggle an accessible name. Its visible text is only ON/OFF, so a screen reader previously announced the state without the setting it belongs to.
94 lines
3.6 KiB
TypeScript
94 lines
3.6 KiB
TypeScript
import { describe, it, expect, vi, beforeAll } from 'vitest';
|
|
import { render, screen } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { AboutSection } from '../AboutSection';
|
|
import { ABOUT_LINK_URLS } from '../aboutLinks';
|
|
|
|
beforeAll(() => {
|
|
// Vite injects this at build time; tests need a stand-in.
|
|
(globalThis as unknown as { __APP_VERSION__: string }).__APP_VERSION__ = '0.0.0-test';
|
|
});
|
|
|
|
vi.mock('@/context/LicenseContext', () => ({
|
|
useLicense: () => ({
|
|
license: {
|
|
tier: 'community',
|
|
status: 'community',
|
|
customerName: null,
|
|
productName: null,
|
|
maskedKey: null,
|
|
validUntil: null,
|
|
trialDaysRemaining: null,
|
|
instanceId: 'abcdef0123456789',
|
|
portalUrl: null,
|
|
isLifetime: false,
|
|
},
|
|
isPaid: false,
|
|
loading: false,
|
|
licenseStatus: 'ready',
|
|
licenseReady: true,
|
|
refresh: vi.fn(),
|
|
activate: vi.fn(),
|
|
deactivate: vi.fn(),
|
|
}),
|
|
}));
|
|
|
|
vi.mock('@/components/TierBadge', () => ({
|
|
TierBadge: () => <span>Community</span>,
|
|
}));
|
|
|
|
const mockSetEnabled = vi.fn();
|
|
vi.mock('@/hooks/useWhatsNewPreference', () => ({
|
|
useWhatsNewPreference: () => ({ enabled: true, setEnabled: mockSetEnabled, hasUnseen: false, markSeen: vi.fn() }),
|
|
}));
|
|
|
|
// The shipped entries.json is empty, so populate it here; the empty state has its own file.
|
|
vi.mock('@/whats-new/entries', () => ({
|
|
whatsNewEntries: [{ id: 'entry-a', title: 'A feature', blurb: 'Does a thing.' }],
|
|
}));
|
|
|
|
describe('AboutSection', () => {
|
|
it('renders Plan status and Source, License, and Licensing docs links with exact URLs', () => {
|
|
render(<AboutSection />);
|
|
|
|
expect(screen.getByText('Plan status')).toBeTruthy();
|
|
expect(screen.queryByText('License status')).toBeNull();
|
|
|
|
const source = screen.getByRole('link', { name: 'github.com/studio-saelix/sencho →' });
|
|
expect(source.getAttribute('href')).toBe(ABOUT_LINK_URLS.source);
|
|
expect(source.getAttribute('target')).toBe('_blank');
|
|
expect(source.getAttribute('rel')).toBe('noopener noreferrer');
|
|
|
|
const license = screen.getByRole('link', { name: 'LICENSE →' });
|
|
expect(license.getAttribute('href')).toBe(ABOUT_LINK_URLS.license);
|
|
expect(license.getAttribute('target')).toBe('_blank');
|
|
expect(license.getAttribute('rel')).toBe('noopener noreferrer');
|
|
|
|
const licensingDocs = screen.getByRole('link', {
|
|
name: 'docs.sencho.io/features/licensing →',
|
|
});
|
|
expect(licensingDocs.getAttribute('href')).toBe(ABOUT_LINK_URLS.licensingDocs);
|
|
expect(licensingDocs.getAttribute('target')).toBe('_blank');
|
|
expect(licensingDocs.getAttribute('rel')).toBe('noopener noreferrer');
|
|
|
|
expect(screen.getByText('Source code')).toBeTruthy();
|
|
expect(screen.getByText('AGPLv3 License')).toBeTruthy();
|
|
expect(screen.getByText('Licensing documentation')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
describe('AboutSection Preferences', () => {
|
|
it('shows the Preferences section once an entry exists', () => {
|
|
render(<AboutSection />);
|
|
expect(screen.getByText('Preferences')).toBeTruthy();
|
|
expect(screen.getByText("Show What's New")).toBeTruthy();
|
|
});
|
|
|
|
it('toggling "Show What\'s New" calls setEnabled', async () => {
|
|
render(<AboutSection />);
|
|
// Name-scoped so a second toggle landing in About cannot break this.
|
|
await userEvent.click(screen.getByRole('switch', { name: /Show What's New/i }));
|
|
expect(mockSetEnabled).toHaveBeenCalledWith(false);
|
|
});
|
|
});
|