fix(ui): unify dialogs and complete theme component coverage

2026-09-05 23:56:02 +08:00
parent 6107b7ff1b
commit af2556d29e
22 changed files with 254 additions and 35 deletions
@@ -0,0 +1,23 @@
+// @vitest-environment happy-dom
+import { expect, it, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+// Vitest disables CSS by default, including CSS raw imports. Load the real files here.
+vi.mock('@/styles/features.css?raw', async () => ({ default: (await import('node:fs')).readFileSync(process.cwd() + '/src/styles/features.css', 'utf8') }))
+vi.mock('@/styles/tokens.css?raw', async () => ({ default: (await import('node:fs')).readFileSync(process.cwd() + '/src/styles/tokens.css', 'utf8') }))
+import CommunityThemePreview from './CommunityThemePreview.vue'
+import { mockCommunityThemes } from '@/services/themePackageService'
+const themes = [...['light','dark','sepia'].map(theme_id => ({theme_id,name:theme_id,builtin:true})), ...mockCommunityThemes.map(t => ({...t,builtin:false}))]
+it.each(themes)('previews shared component states safely for $theme_id', theme => {
+  const w = mount(CommunityThemePreview, {props:{themeId:theme.theme_id,name:theme.name,...(theme.builtin ? {css:''} : {})},attachTo:document.body})
+  try {
+    const iframe = w.get('iframe')
+    expect(iframe.attributes('sandbox')).toBe('')
+    const doc = new DOMParser().parseFromString(iframe.attributes('srcdoc')!, 'text/html')
+    expect(doc.documentElement.dataset.theme).toBe(theme.theme_id)
+    expect(doc.querySelector('script')).toBeNull()
+    expect(doc.querySelector('meta[http-equiv="Content-Security-Policy"]')?.getAttribute('content')).toContain("default-src 'none'")
+    for (const selector of ['input.input','input:disabled','textarea.textarea','select.select','.ui-disclosure[open]','.ui-disclosure:not([open])','.button-primary:disabled','.badge.success','.error-banner','.specimen-markdown code','.specimen-markdown table','.specimen-chart','.specimen-long']) expect(doc.querySelector(selector), selector).not.toBeNull()
+    expect(doc.querySelector('style')!.textContent).toContain('.button-primary:hover')
+    expect(doc.querySelector('style')!.textContent).not.toContain('color:white')
+  } finally { w.unmount() }
+})