feat: Implement template management feature
- Added IPC handlers for selecting directories, loading, saving, and executing templates. - Created a new TemplateListScreen for displaying and managing templates. - Developed CreateTemplateScreen for creating and editing templates with file and directory management. - Updated routing to include new template screens. - Enhanced MainScreen with navigation to template management. - Added localization for new template-related strings in English and Chinese. - Introduced a Pinia store for managing template data. - Implemented tests for template creation, listing, and detail viewing.
This commit is contained in:
zhangguoyun committed
1 parent
742eb7040f
commit
1aecd5f4b6
15 files changed
+1225
-140
No files matched your search
@@ -0,0 +1,174 @@
|
||||
import { test, expect, beforeAll, afterAll } from '../fixtures.mjs'
|
||||
|
||||
test.beforeAll(beforeAll)
|
||||
test.afterAll(afterAll)
|
||||
|
||||
// @ts-expect-error: `util` is not using types in playwright
|
||||
test('Template list page navigation and basic functionality', async ({
|
||||
page,
|
||||
util
|
||||
}) => {
|
||||
try {
|
||||
// Navigate to templates page
|
||||
await page.goto('/')
|
||||
await page.waitForURL('**/#/templates')
|
||||
|
||||
// Check if we're on the templates page
|
||||
await expect(page.getByText('模板列表')).toBeVisible()
|
||||
|
||||
// Check if "No templates" message is visible initially
|
||||
await expect(page.getByText('暂无模板，请先创建模板。')).toBeVisible()
|
||||
|
||||
// Check if "Create Template" button is visible
|
||||
await expect(page.getByText('创建模板')).toBeVisible()
|
||||
|
||||
await util.captureScreenshot(page, 'template-list-no-templates')
|
||||
} catch (error) {
|
||||
throw await util.onTestError(error)
|
||||
}
|
||||
})
|
||||
|
||||
// @ts-expect-error: `util` is not using types in playwright
|
||||
test('Create template page navigation and functionality', async ({
|
||||
page,
|
||||
util
|
||||
}) => {
|
||||
try {
|
||||
// Navigate to templates page
|
||||
await page.goto('/')
|
||||
await page.waitForURL('**/#/templates')
|
||||
|
||||
// Click create template button
|
||||
await page.getByText('创建模板').click()
|
||||
await page.waitForURL('**/#/create-template')
|
||||
|
||||
// Check if we're on the create template page
|
||||
await expect(page.getByText('创建模板')).toBeVisible()
|
||||
|
||||
// Check if form elements are visible
|
||||
await expect(page.getByLabel('模板名称 *')).toBeVisible()
|
||||
await expect(page.getByLabel('模板描述')).toBeVisible()
|
||||
|
||||
await util.captureScreenshot(page, 'create-template-page')
|
||||
} catch (error) {
|
||||
throw await util.onTestError(error)
|
||||
}
|
||||
})
|
||||
|
||||
// @ts-expect-error: `util` is not using types in playwright
|
||||
test('Add files and directories to template', async ({ page, util }) => {
|
||||
try {
|
||||
// Navigate to create template page
|
||||
await page.goto('/#/create-template')
|
||||
|
||||
// Fill in template name and description
|
||||
await page.getByLabel('模板名称 *').fill('Test Template')
|
||||
await page.getByLabel('模板描述').fill('This is a test template')
|
||||
|
||||
// Add a file
|
||||
await page.getByText('添加文件').click()
|
||||
|
||||
// Wait for dialog to appear and fill in file details
|
||||
await page
|
||||
.locator('[data-testid="add-file-path-input"]')
|
||||
.fill('src/index.js')
|
||||
await page
|
||||
.locator('[data-testid="add-file-content-input"]')
|
||||
.fill('console.log("Hello World");')
|
||||
await page.getByText('添加').click()
|
||||
|
||||
// Add a directory
|
||||
await page.getByText('添加目录').click()
|
||||
|
||||
// Wait for dialog to appear and fill in directory details
|
||||
await page
|
||||
.locator('[data-testid="add-dir-path-input"]')
|
||||
.fill('src/components')
|
||||
await page.getByText('添加').click()
|
||||
|
||||
// Verify items were added to the tables
|
||||
await expect(page.getByText('src/index.js')).toBeVisible()
|
||||
await expect(page.getByText('src/components')).toBeVisible()
|
||||
|
||||
await util.captureScreenshot(page, 'template-with-content')
|
||||
} catch (error) {
|
||||
throw await util.onTestError(error)
|
||||
}
|
||||
})
|
||||
|
||||
// @ts-expect-error: `util` is not using types in playwright
|
||||
test('Template creation and listing', async ({ page, util }) => {
|
||||
try {
|
||||
// Navigate to create template page
|
||||
await page.goto('/#/create-template')
|
||||
|
||||
// Fill in template name and description
|
||||
await page.getByLabel('模板名称 *').fill('Test Template')
|
||||
await page.getByLabel('模板描述').fill('This is a test template')
|
||||
|
||||
// Add a file
|
||||
await page.getByText('添加文件').click()
|
||||
await page
|
||||
.locator('[data-testid="add-file-path-input"]')
|
||||
.fill('src/index.js')
|
||||
await page
|
||||
.locator('[data-testid="add-file-content-input"]')
|
||||
.fill('console.log("Hello World");')
|
||||
await page.getByText('添加').click()
|
||||
|
||||
// Save template
|
||||
await page.getByText('保存模板').click()
|
||||
|
||||
// Wait for redirect to templates page
|
||||
await page.waitForURL('**/#/templates')
|
||||
|
||||
// Check if the created template is listed
|
||||
await expect(page.getByText('Test Template')).toBeVisible()
|
||||
await expect(page.getByText('This is a test template')).toBeVisible()
|
||||
|
||||
await util.captureScreenshot(page, 'template-list-with-template')
|
||||
} catch (error) {
|
||||
throw await util.onTestError(error)
|
||||
}
|
||||
})
|
||||
|
||||
// @ts-expect-error: `util` is not using types in playwright
|
||||
test('View template details', async ({ page, util }) => {
|
||||
try {
|
||||
// Navigate to templates page
|
||||
await page.goto('/#/templates')
|
||||
|
||||
// Wait for template to appear and click view button
|
||||
// First we need to create a template for this test
|
||||
if (await page.getByText('暂无模板，请先创建模板。').isVisible()) {
|
||||
await page.getByText('创建模板').click()
|
||||
|
||||
// Create a test template
|
||||
await page.getByLabel('模板名称 *').fill('View Test Template')
|
||||
await page.getByLabel('模板描述').fill('Template for view test')
|
||||
|
||||
await page.getByText('添加文件').click()
|
||||
await page
|
||||
.locator('[data-testid="add-file-path-input"]')
|
||||
.fill('src/test.js')
|
||||
await page
|
||||
.locator('[data-testid="add-file-content-input"]')
|
||||
.fill('console.log("Test");')
|
||||
await page.getByText('添加').click()
|
||||
|
||||
await page.getByText('保存模板').click()
|
||||
await page.waitForURL('**/#/templates')
|
||||
}
|
||||
|
||||
// Wait for template to appear and click view button
|
||||
await page.getByRole('button', { name: '查看' }).click()
|
||||
|
||||
// Check if template detail dialog appears
|
||||
await expect(page.getByText('模板详情')).toBeVisible()
|
||||
await expect(page.getByText('src/test.js')).toBeVisible()
|
||||
|
||||
await util.captureScreenshot(page, 'template-detail-view')
|
||||
} catch (error) {
|
||||
throw await util.onTestError(error)
|
||||
}
|
||||
})
|
||||
Reference in new issue
Block a user