fix(extension-manager): expose cards and run CT in CI

Author: gene9831

.github/workflows/pr-ci-e2e-test.yml

@@ -47,13 +47,18 @@ jobs:
           cd packages/test
           npx playwright install --with-deps chromium
 
-      - name: Run Playwright Tests
-        run: pnpm test
+      - name: Run Playwright E2E Tests
+        run: pnpm -F tiny-robot-test test:e2e
+
+      - name: Run Playwright Component Tests
+        run: pnpm -F tiny-robot-test test:ct
 
       - name: Upload Playwright Test Report
         uses: actions/upload-artifact@v6
         if: always()
         with:
           name: playwright-report-${{ github.sha }}
-          path: packages/test/playwright-report/
+          path: |
+            packages/test/playwright-report/
+            packages/test/component/playwright-report/
           retention-days: 13

packages/components/src/extension-manager/index.ts

@@ -0,0 +1,30 @@
+import type { App } from 'vue'
+import { ExtensionCard as ExtensionCardComp, ExtensionCardGrid as ExtensionCardGridComp } from './components'
+
+export * from './index.type'
+
+ExtensionCardComp.name = 'TrExtensionCard'
+
+const extensionCardInstall = function <T>(app: App<T>) {
+  app.component(ExtensionCardComp.name!, ExtensionCardComp)
+}
+
+const ExtensionCard = ExtensionCardComp as typeof ExtensionCardComp & {
+  install: typeof extensionCardInstall
+}
+
+ExtensionCard.install = extensionCardInstall
+
+ExtensionCardGridComp.name = 'TrExtensionCardGrid'
+
+const extensionCardGridInstall = function <T>(app: App<T>) {
+  app.component(ExtensionCardGridComp.name!, ExtensionCardGridComp)
+}
+
+const ExtensionCardGrid = ExtensionCardGridComp as typeof ExtensionCardGridComp & {
+  install: typeof extensionCardGridInstall
+}
+
+ExtensionCardGrid.install = extensionCardGridInstall
+
+export { ExtensionCard, ExtensionCardGrid }

packages/components/src/index.ts

@@ -22,6 +22,7 @@ import ThemeProvider from './theme-provider'
 import Welcome from './welcome'
 import McpServerPicker from './mcp-server-picker'
 import McpAddForm from './mcp-add-form'
+import { ExtensionCard, ExtensionCardGrid } from './extension-manager'
 import {
   ActionButton,
   SubmitButton,
@@ -54,6 +55,7 @@ export * from './theme-provider/index.type'
 export * from './welcome/index.type'
 export * from './mcp-server-picker/index.type'
 export * from './mcp-add-form/index.type'
+export * from './extension-manager/index.type'
 
 export { useSenderContentRegistration } from './shared/composables/useSenderContentRegistration'
 export type { SenderContentRegister } from './shared/composables/useSenderContentRegistration'
@@ -100,6 +102,8 @@ const components = [
   Welcome,
   McpServerPicker,
   McpAddForm,
+  ExtensionCard,
+  ExtensionCardGrid,
   ActionButton,
   SubmitButton,
   ClearButton,
@@ -171,6 +175,10 @@ export {
   McpServerPicker as TrMcpServerPicker,
   McpAddForm,
   McpAddForm as TrMcpAddForm,
+  ExtensionCard,
+  ExtensionCard as TrExtensionCard,
+  ExtensionCardGrid,
+  ExtensionCardGrid as TrExtensionCardGrid,
   ActionButton,
   ActionButton as TrActionButton,
   SubmitButton,

packages/test/package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
-    "test": "playwright test",
+    "test": "pnpm run test:e2e && pnpm run test:ct",
+    "test:e2e": "playwright test",
     "test:ct": "playwright test -c playwright-ct.config.ts",
     "test:ui": "playwright test --ui",
     "test:codegen": "playwright codegen localhost:3333",