@cherishxn/agent-scaffold 0.0.0-stage → 1.0.0

package/templates/react-nest-antd/tests/ui.spec.ts

@@ -0,0 +1,61 @@
+import {test,expect,type Page} from '@playwright/test';
+import project from '../project.json' with {type:'json'};
+async function login(page:Page){await page.goto('/');await expect(page.getByRole('button',{name:'登录',exact:true}).or(page.getByRole('heading',{name:'我的记录',exact:true}))).toBeVisible();if(await page.getByRole('button',{name:'登录',exact:true}).isVisible()){await page.getByLabel('邮箱').fill(process.env.SEED_A_EMAIL!);await page.getByLabel('密码').fill(process.env.SEED_PASSWORD!);await page.getByRole('button',{name:'登录',exact:true}).click();}await expect(page.getByRole('heading',{name:'我的记录',exact:true})).toBeVisible();}
+test('browser CRUD persists, renders text, and keeps input on failures',async({page})=>{
+ await login(page);await expect(page).toHaveTitle(project.nameZh);await page.getByRole('button',{name:'新建记录',exact:true}).click();
+ const title=`Browser record ${Date.now()}`;const body=process.env.TEST_BODY_MARKER||'browser-content';
+ await page.getByLabel('标题',{exact:true}).fill(title);await page.getByLabel('正文',{exact:true}).fill(body+' <script>window.injected=true</script>');
+ await page.getByRole('button',{name:'保存记录',exact:true}).click();await expect(page.getByRole('status').filter({hasText:'已保存'})).toContainText('已保存');
+ await page.reload();await login(page);await page.getByRole('button',{name:new RegExp(title)}).click();await expect(page.getByLabel('正文',{exact:true})).toHaveValue(body+' <script>window.injected=true</script>');expect(await page.evaluate(()=>Object.hasOwn(window,'injected'))).toBe(false);
+ await page.getByLabel('标题',{exact:true}).fill(title+' edited');
+ await page.route('**/api/records/*',route=>route.request().method()==='PUT'?route.abort('failed'):route.continue());
+ await page.getByRole('button',{name:'保存记录',exact:true}).click();await expect(page.getByRole('alert').filter({hasText:'输入已保留'})).toContainText('输入已保留');await expect(page.getByLabel('标题',{exact:true})).toHaveValue(title+' edited');await expect(page.getByText('已保存',{exact:true})).toHaveCount(0);
+ await page.unroute('**/api/records/*');await page.getByRole('button',{name:'保存记录',exact:true}).click();await expect(page.getByRole('status').filter({hasText:'已保存'})).toContainText('已保存');
+ page.once('dialog',dialog=>dialog.accept());await page.getByRole('button',{name:'删除记录',exact:true}).click();await expect(page.getByRole('status').filter({hasText:'已删除'})).toContainText('已删除');await expect(page.getByRole('button',{name:new RegExp(title)})).toHaveCount(0);
+ await page.getByRole('button',{name:'退出登录',exact:true}).click();await expect(page.getByRole('button',{name:'登录',exact:true})).toBeVisible();
+});
+test('small viewport remains usable',async({page})=>{await page.setViewportSize({width:375,height:812});await login(page);expect(await page.evaluate(()=>document.documentElement.scrollWidth<=window.innerWidth)).toBe(true);await page.getByRole('button',{name:'新建记录',exact:true}).click();await expect(page.getByLabel('标题',{exact:true})).toBeVisible();});
+test('expired identity clears the previous account editor before another login',async({page})=>{
+ await login(page);
+ const title=`Private A ${Date.now()}`;
+ await page.getByRole('button',{name:'新建记录',exact:true}).click();
+ await page.getByLabel('标题',{exact:true}).fill(title);
+ await page.getByLabel('正文',{exact:true}).fill('Private content for account A');
+ await page.getByRole('button',{name:'保存记录',exact:true}).click();
+ await expect(page.getByRole('status').filter({hasText:'已保存'})).toBeVisible();
+ await page.route('**/api/records/*',route=>route.request().method()==='GET'?route.fulfill({status:401,contentType:'application/json',body:JSON.stringify({error:{message:'请重新登录。'}})}):route.continue());
+ await page.getByRole('button',{name:title,exact:false}).click();
+ await expect(page.getByRole('button',{name:'登录',exact:true})).toBeVisible();
+ await page.unroute('**/api/records/*');
+ await page.getByLabel('邮箱').fill(process.env.SEED_B_EMAIL!);
+ await page.getByLabel('密码').fill(process.env.SEED_PASSWORD!);
+ await page.getByRole('button',{name:'登录',exact:true}).click();
+ await expect(page.getByRole('heading',{name:'我的记录',exact:true})).toBeVisible();
+ await expect(page.getByLabel('正文',{exact:true})).toHaveCount(0);
+ await expect(page.getByRole('button',{name:title,exact:false})).toHaveCount(0);
+ await expect(page.getByText('Private content for account A',{exact:true})).toHaveCount(0);
+});
+test('rendered design follows tokens across desktop, focus, hover and mobile',async({page})=>{
+ await page.goto('/');const button=page.getByRole('button',{name:'登录',exact:true});await expect(button).toBeVisible();
+ const token=async(name:string)=>page.evaluate(name=>getComputedStyle(document.documentElement).getPropertyValue('--design-'+name).trim(),name);
+ const color=async(name:string)=>page.evaluate(name=>{const probe=document.createElement('span');probe.style.color='var(--design-'+name+')';document.body.append(probe);const value=getComputedStyle(probe).color;probe.remove();return value;},name);
+ await expect(page.locator('body')).toHaveCSS('background-color',await color('colors-background'));
+ await expect(page.locator('body')).toHaveCSS('font-size',await token('typography-body-font-size'));
+ await expect(page.locator('.panel').first()).toHaveCSS('border-radius',await token('components-panel-rounded'));
+ await expect(button).toHaveCSS('background-color',await color('components-button-primary-background-color'));
+ await expect(button).toHaveCSS('border-radius',await token('components-button-primary-rounded'));
+ await expect(button).toHaveCSS('color',await color('components-button-primary-text-color'));
+ const input=page.getByLabel('邮箱');
+ await expect(input).toHaveCSS('background-color',await color('colors-control-background'));
+ await expect(input).toHaveCSS('color',await color('colors-text'));
+ await expect(input).toHaveCSS('border-radius',await token('components-input-rounded'));
+ const height=(await button.boundingBox())!.height;expect(height).toBeGreaterThanOrEqual(Number.parseFloat(await token('spacing-control-min')));
+ await button.hover();await expect(button).toHaveCSS('background-color',await color('colors-primary-hover'));
+ await page.getByLabel('邮箱').focus();await expect(page.getByLabel('邮箱')).toHaveCSS('outline-color',await color('colors-control-focus'));await expect(page.getByLabel('邮箱')).toHaveCSS('outline-style','solid');
+ await page.emulateMedia({reducedMotion:'reduce'});
+ expect(await button.evaluate(el=>getComputedStyle(el).transitionDuration.split(',').every(value=>Number.parseFloat(value)<=0.001))).toBe(true);
+ const breakpoint=Number.parseFloat(await token('spacing-mobile-breakpoint'));
+ await page.setViewportSize({width:breakpoint+1,height:900});expect((await page.locator('.login-layout').evaluate(el=>getComputedStyle(el).gridTemplateColumns)).split(' ')).toHaveLength(2);
+ await page.setViewportSize({width:breakpoint,height:900});expect((await page.locator('.login-layout').evaluate(el=>getComputedStyle(el).gridTemplateColumns)).split(' ')).toHaveLength(1);
+ await page.setViewportSize({width:375,height:812});expect(await page.evaluate(()=>document.documentElement.scrollWidth<=innerWidth)).toBe(true);
+});

package/templates/react-nest-antd/web/eslint.config.mjs

@@ -0,0 +1,3 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+export default ts.config(js.configs.recommended,...ts.configs.recommended,{languageOptions:{parserOptions:{tsconfigRootDir:import.meta.dirname}},ignores:['.next/**','node_modules/**','dist/**','next-env.d.ts']});

package/templates/react-nest-antd/web/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1.0"/><title>工作空间</title></head><body><div id="root"></div><script type="module" src="/src/main.tsx"></script></body></html>

package/templates/react-nest-antd/web/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "__NAME_EN__-web",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "antd": "6.6.6"
+  },
+  "devDependencies": {
+    "typescript": "5.9.3",
+    "@types/node": "24.19.2",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "eslint": "10.13.0",
+    "@eslint/js": "10.0.1",
+    "typescript-eslint": "8.71.2",
+    "vite": "8.3.4",
+    "@vitejs/plugin-react": "6.1.2"
+  }
+}