42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
|
import {
|
||
|
|
expect,
|
||
|
|
test,
|
||
|
|
} from './fixtures';
|
||
|
|
|
||
|
|
test.describe('persistence', () => {
|
||
|
|
test('restores selected fonts after reload', async ({ comparison, page }) => {
|
||
|
|
await comparison.pickPair('Inter', 'Roboto');
|
||
|
|
|
||
|
|
// Confirm the store has flushed before reloading — otherwise we race
|
||
|
|
// the debounce and may reload with empty storage.
|
||
|
|
await expect.poll(async () => {
|
||
|
|
const storage = await comparison.readStorage();
|
||
|
|
return storage['glyphdiff:comparison'];
|
||
|
|
}).toMatch(/roboto/i);
|
||
|
|
|
||
|
|
await page.reload();
|
||
|
|
await comparison.searchInput.waitFor({ state: 'visible' });
|
||
|
|
|
||
|
|
await expect(comparison.primaryFont).toContainText('Inter');
|
||
|
|
await expect(comparison.secondaryFont).toContainText('Roboto');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('restores typography settings after reload', async ({ comparison, typography, page }) => {
|
||
|
|
const baseline = await typography.readValue('size');
|
||
|
|
await typography.bump('size', 'up', 2);
|
||
|
|
|
||
|
|
const bumped = await typography.readValue('size');
|
||
|
|
expect(bumped).not.toBe(baseline);
|
||
|
|
|
||
|
|
await expect.poll(async () => {
|
||
|
|
const storage = await comparison.readStorage();
|
||
|
|
return storage['glyphdiff:comparison:typography'];
|
||
|
|
}).not.toBeNull();
|
||
|
|
|
||
|
|
await page.reload();
|
||
|
|
await comparison.searchInput.waitFor({ state: 'visible' });
|
||
|
|
|
||
|
|
expect(await typography.readValue('size')).toBe(bumped);
|
||
|
|
});
|
||
|
|
});
|