feat: 修改社区模板市场入口放到日报二级菜单下, 增加跳转github

2026-10-04 03:01:42 +08:00 · 2026-09-15 11:03:00 +08:00
parent ff212d594c
commit 67dc45819e
10 changed files with 1075 additions and 273 deletions
@@ -0,0 +1,63 @@
+import { expect, test } from '@playwright/test'
+import { launchTestApp } from './support/electron'
+
+/**
+ * 社区模板市场现在是日报工作区顶部的第三个标签页，也是模板市场的主入口：
+ * 浏览、预览、安装、选用与卸载都在这里；生成页只保留选用与预览。
+ */
+test('REPORT-TEMPLATE-MARKET-TAB-01 browses and installs community templates from the report tabs', async () => {
+  const fixture = await launchTestApp({ templateMarket: 'fixture' })
+  const page = fixture.page
+  const pageErrors: Error[] = []
+  page.on('pageerror', (error) => pageErrors.push(error))
+  try {
+    await page.getByRole('button', { name: '日报' }).click()
+    await page.getByRole('button', { name: '开始生成日报' }).click()
+
+    await page.getByRole('tab', { name: '社区模板市场' }).click()
+    await expect(page.getByRole('heading', { name: '社区模板市场' })).toBeVisible()
+    await expect(page.getByText('经典日报')).toBeVisible()
+    await expect(page.getByText('微信信息流')).toBeVisible()
+    await expect(page.getByText('已安装 0 个市场模板，另有 1 个可以安装。')).toBeVisible()
+
+    // 投稿入口紧跟在标题下方，不需要滚到底部就能看到。
+    const contributeLink = page.getByRole('link', { name: '前往提交模板' })
+    await expect(contributeLink).toBeInViewport()
+    await expect(contributeLink).toHaveAttribute(
+      'href',
+      'https://github.com/Wxw-Gu/TraceMemo-Templates'
+    )
+    await expect(page.getByText('想把你做的模板分享给其他人？')).toBeVisible()
+
+    const marketRow = page.locator('.report-template-item').filter({ hasText: '霓光指挥日报' })
+    await expect(marketRow).toBeVisible()
+    await expect(marketRow.getByRole('button', { name: '安装' })).toBeEnabled()
+
+    await marketRow.getByRole('button', { name: '安装' }).click()
+    await expect(page.getByText('已安装 1 个市场模板，另有 0 个可以安装。')).toBeVisible()
+    await expect(page.getByText('已安装市场模板')).toBeVisible()
+
+    // 已安装后市场页提供卸载入口，未安装时只有安装。
+    await expect(
+      marketRow.getByRole('button', { name: '卸载' })
+    ).toBeEnabled()
+
+    await page.getByRole('tab', { name: '今日日报' }).click()
+    await expect(page.getByRole('heading', { name: '生成群聊日报' })).toBeVisible()
+
+    const templateSection = page.getByRole('heading', { name: '日报模板' }).locator('..')
+    // 生成页只保留选用与预览：没有卸载，也不重复展示市场列表。
+    await expect(templateSection.getByText('霓光指挥日报')).toBeVisible()
+    await expect(templateSection.getByRole('button', { name: '卸载' })).toHaveCount(0)
+    await expect(templateSection.getByRole('button', { name: '安装' })).toHaveCount(0)
+
+    await page.getByRole('tab', { name: '社区模板市场' }).click()
+    const roundTripRow = page.locator('.report-template-item').filter({ hasText: '霓光指挥日报' })
+    await roundTripRow.getByRole('button', { name: '卸载' }).click()
+    await expect(page.getByText('已安装 0 个市场模板，另有 1 个可以安装。')).toBeVisible()
+
+    expect(pageErrors).toEqual([])
+  } finally {
+    await fixture.close()
+  }
+})
@@ -991,6 +991,72 @@ handle('report:updateGeneratedTemplate', (request) => ({
 handle('report:deleteGenerated', () => ({ success: true }))
 handle('report:reveal', () => ({ success: true }))
 handle('copy-image', () => ({ success: true }))
+// 社区模板市场：默认关闭（返回空目录），测试用例可通过 WXE_E2E_TEMPLATE_MARKET=fixture 打开合成目录。
+const templateMarketEnabled = process.env.WXE_E2E_TEMPLATE_MARKET === 'fixture'
+const templateMarketEntry = {
+  id: 'community.github.example.neonboard',
+  version: '1.0.2',
+  interfaceVersion: '1',
+  name: '霓光指挥日报',
+  description: '霓光主题的桌面指挥日报，突出实时讨论、重点消息与行动项。',
+  author: 'TraceMemo 社区',
+  platform: 'desktop',
+  tags: ['desktop'],
+  license: 'MIT',
+  minAppVersion: null,
+  download: 'https://example.com/packages/community.github.example.neonboard/1.0.2/template.zip',
+  sizeBytes: 2048,
+  sha256: 'b'.repeat(64),
+  status: 'published'
+}
+const templateMarketInstalled = []
+handle('report-template:list', () =>
+  templateMarketInstalled.map((entry) => ({
+    id: entry.id,
+    version: entry.version,
+    interfaceVersion: entry.interfaceVersion,
+    source: 'installed',
+    name: entry.name,
+    author: entry.author,
+    entryPath: path.join(userData, 'report-templates', entry.id, 'template.html'),
+    capture: { width: 1280, maxWidth: 1280, maxHeight: 4000 },
+    license: { spdx: entry.license },
+    installedAt: '2026-09-15T00:00:00.000Z'
+  }))
+)
+handle('report-template-market:list', () =>
+  templateMarketEnabled
+    ? {
+        success: true,
+        catalog: {
+          schemaVersion: '1',
+          generatedAt: '2026-09-15T00:00:00.000Z',
+          status: 'published',
+          templates: [templateMarketEntry]
+        }
+      }
+    : { success: true, catalog: { schemaVersion: '1', status: 'published', templates: [] } }
+)
+handle('report-template-market:install', (id, version) => {
+  if (
+    !templateMarketEnabled ||
+    String(id) !== templateMarketEntry.id ||
+    String(version) !== templateMarketEntry.version
+  ) {
+    return { success: false, error: '模板不存在', code: 'unknown_template' }
+  }
+  if (!templateMarketInstalled.some((entry) => entry.id === id && entry.version === version)) {
+    templateMarketInstalled.push(templateMarketEntry)
+  }
+  return { success: true, catalogEntry: templateMarketEntry }
+})
+handle('report-template:uninstall', (id, version) => {
+  const index = templateMarketInstalled.findIndex(
+    (entry) => entry.id === String(id) && entry.version === String(version)
+  )
+  if (index >= 0) templateMarketInstalled.splice(index, 1)
+  return { success: true }
+})
 handle('api:copyText', () => ({ success: true }))
 handle('app-log:write', (entry) => {
  const safe = JSON.stringify(entry)
@@ -16,6 +16,8 @@ export interface TestApplication {
 export async function launchTestApp(
  options: {
    mode?: 'connected' | 'disconnected'
+    /** 让模板市场 IPC 返回确定性的合成目录，供社区模板市场页视觉/行为用例使用。 */
+    templateMarket?: 'off' | 'fixture'
    userData?: string
    largeContacts?: number
    corruptCache?: boolean
@@ -55,7 +57,8 @@ export async function launchTestApp(
      WXE_E2E_UNSIGNED_MAC_UPDATE: options.unsignedMacUpdate ? '1' : '0',
      WXE_E2E_REALTIME_REORDER: options.realtimeReorder ? '1' : '0',
      WXE_E2E_NOW_MS: options.now ? String(options.now) : '',
-      WXE_E2E_APPEARANCE_THEME: options.appearanceTheme || 'light'
+      WXE_E2E_APPEARANCE_THEME: options.appearanceTheme || 'light',
+      WXE_E2E_TEMPLATE_MARKET: options.templateMarket || 'off'
    }
  })
  const page = await app.firstWindow()