mirror of
https://github.com/nexu-io/open-design.git
synced 2026-10-27 09:51:12 +01:00
93 lines
3.6 KiB
TypeScript
93 lines
3.6 KiB
TypeScript
import { describe, expect, it } from 'vitest';
|
|
|
|
import {
|
|
WHATS_NEW_LAST_SEEN_STORAGE_KEY,
|
|
localizedWhatsNewContent,
|
|
markWhatsNewSeen,
|
|
readLastSeenWhatsNewId,
|
|
resolveWhatsNewPrompt,
|
|
} from '../../src/lib/whats-new';
|
|
import type { WhatsNewContent } from '../../src/types';
|
|
|
|
const CONTENT: WhatsNewContent = {
|
|
title: 'Design system sync',
|
|
body: 'Import, edit and sync design systems.',
|
|
linkUrl: 'https://example.com/blog',
|
|
locales: {
|
|
'zh-CN': { title: '设计系统同步', body: '导入、编辑并同步设计系统。' },
|
|
},
|
|
};
|
|
|
|
function info(overrides: Partial<{ id: string | null; content: WhatsNewContent | null }> = {}) {
|
|
return { id: '0.13.0', content: CONTENT, ...overrides };
|
|
}
|
|
|
|
describe('resolveWhatsNewPrompt', () => {
|
|
it('shows on a fresh profile (no stored id yet) — the highlight is hand-curated', () => {
|
|
expect(resolveWhatsNewPrompt(info(), null)).toBe('show');
|
|
});
|
|
|
|
it('shows when the highlight id changed and stays quiet on the same id', () => {
|
|
expect(resolveWhatsNewPrompt(info(), '0.12.1')).toBe('show');
|
|
expect(resolveWhatsNewPrompt(info(), '0.13.0')).toBe('none');
|
|
});
|
|
|
|
it('shows nothing when there is no highlight to show', () => {
|
|
expect(resolveWhatsNewPrompt(info({ id: null, content: null }), '0.12.1')).toBe('none');
|
|
expect(resolveWhatsNewPrompt(info({ content: null }), '0.12.1')).toBe('none');
|
|
expect(resolveWhatsNewPrompt(info({ id: null }), null)).toBe('none');
|
|
});
|
|
});
|
|
|
|
describe('last-seen storage helpers', () => {
|
|
it('round-trips through the storage key and swallows storage failures', () => {
|
|
const store = new Map<string, string>();
|
|
const storage = {
|
|
getItem: (key: string) => store.get(key) ?? null,
|
|
setItem: (key: string, value: string) => void store.set(key, value),
|
|
};
|
|
expect(readLastSeenWhatsNewId(storage)).toBeNull();
|
|
markWhatsNewSeen('0.13.0', storage);
|
|
expect(store.get(WHATS_NEW_LAST_SEEN_STORAGE_KEY)).toBe('0.13.0');
|
|
expect(readLastSeenWhatsNewId(storage)).toBe('0.13.0');
|
|
|
|
const throwing = {
|
|
getItem: () => { throw new Error('denied'); },
|
|
setItem: () => { throw new Error('denied'); },
|
|
};
|
|
expect(readLastSeenWhatsNewId(throwing)).toBeNull();
|
|
expect(() => markWhatsNewSeen('0.13.0', throwing)).not.toThrow();
|
|
});
|
|
});
|
|
|
|
describe('localizedWhatsNewContent', () => {
|
|
it('overlays locale overrides and keeps base fields for gaps', () => {
|
|
const zh = localizedWhatsNewContent(CONTENT, 'zh-CN');
|
|
expect(zh.title).toBe('设计系统同步');
|
|
expect(zh.linkUrl).toBe('https://example.com/blog');
|
|
});
|
|
|
|
it('resolves CTA labels through the existing locale and base fallback', () => {
|
|
const content = {
|
|
...CONTENT,
|
|
ctaLabel: 'View Arena',
|
|
locales: { zh: { ctaLabel: '查看评测站' }, 'zh-CN': { ctaLabel: '查看评测站（中文）' } },
|
|
};
|
|
expect(localizedWhatsNewContent(content, 'zh-CN')).toHaveProperty('ctaLabel', '查看评测站（中文）');
|
|
expect(localizedWhatsNewContent(content, 'zh-TW')).toHaveProperty('ctaLabel', '查看评测站');
|
|
expect(localizedWhatsNewContent(content, 'fr')).toHaveProperty('ctaLabel', 'View Arena');
|
|
expect(localizedWhatsNewContent(CONTENT, 'en')).toHaveProperty('ctaLabel', null);
|
|
});
|
|
|
|
it('falls back to the base copy for unknown locales', () => {
|
|
const fr = localizedWhatsNewContent(CONTENT, 'fr');
|
|
expect(fr.title).toBe(CONTENT.title);
|
|
expect(fr.body).toBe(CONTENT.body);
|
|
});
|
|
|
|
it('matches the bare language when the exact locale is missing', () => {
|
|
const content: WhatsNewContent = { ...CONTENT, locales: { zh: { title: '通用中文' } } };
|
|
expect(localizedWhatsNewContent(content, 'zh-TW').title).toBe('通用中文');
|
|
});
|
|
});
|