openxiangda-cli 2.0.0-alpha.182 → 2.0.0-alpha.185

package/template/apps/web/e2e/field-protocol.spec.ts

@@ -1,285 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-const fieldCount = 38;
-
-test.describe('Field Kit protocol acceptance', () => {
-  test.use({
-    geolocation: { longitude: 120.123456, latitude: 30.234567 },
-    permissions: ['geolocation'],
-  });
-
-  test.beforeEach(async ({ page }) => {
-    await page.route('**/china-divisions/**', async route => {
-      await route.fulfill({
-        contentType: 'application/json',
-        json: {
-          code: 200,
-          data: [{
-            adcode: '330000',
-            name: '浙江省',
-            level: 'province',
-            hasChildren: true,
-          }],
-        },
-      });
-    });
-    await page.route('**/files/*/content?*', async route => {
-      await route.fulfill({
-        body: Buffer.from(
-          'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=',
-          'base64'
-        ),
-        contentType: 'image/png',
-        status: 200,
-      });
-    });
-  });
-
-  test('renders and operates every desktop edit/read component', async ({ page }) => {
-    const pageErrors: string[] = [];
-    const addressRequests: string[] = [];
-    page.on('pageerror', error => pageErrors.push(error.message));
-    page.on('request', request => {
-      if (request.url().includes('/china-divisions/')) {
-        addressRequests.push(request.url());
-      }
-    });
-    await page.setViewportSize({ width: 1440, height: 1100 });
-    await page.goto('/field-protocol.e2e.html');
-    await expect(page.locator('[data-field-code]')).toHaveCount(fieldCount);
-    await expect(page.locator('[data-read-field]')).toHaveCount(fieldCount);
-    await expect(page.locator('[data-audit-field]')).toHaveCount(fieldCount);
-    await expect(page.locator('[data-field-code="静态单选下拉"] .ant-select')).toBeVisible();
-    await expect(page.locator('[data-field-code="单选按钮"] .ant-radio-group')).toBeVisible();
-    await expect(page.locator('[data-field-code="复选框"] .ant-checkbox-group')).toBeVisible();
-    await expect(page.locator('[data-field-code="时间"] input')).toBeVisible();
-    await expect(page.locator('[data-field-code="精确定位"] input')).toHaveCount(0);
-    await expect(page.locator('[data-field-code="精确定位"]')).not.toContainText('手工');
-    await expect(page.locator('.ant-alert-error')).toHaveCount(0);
-    await expect.poll(() => addressRequests.length).toBeGreaterThan(0);
-    expect(addressRequests.every(url => new URL(url).pathname.startsWith('/service/china-divisions/'))).toBe(true);
-
-    await page.getByRole('button', { name: '验证表单' }).click();
-    await expect(page.locator('[data-field-code="UUID"] .ant-form-item-has-error')).toHaveCount(0);
-
-    await expect(page.locator('[data-read-field="图片"] img.oxa-file-thumbnail')).toHaveAttribute('src', /blob:/);
-    await expect(page.locator('[data-read-field="富文本"] img')).toHaveAttribute('src', /blob:/);
-    expect(await page.locator('[data-read-field="图片"] img.oxa-file-thumbnail').evaluate(
-      image => (image as HTMLImageElement).naturalWidth
-    )).toBeGreaterThan(0);
-    expect(await page.locator('[data-read-field="富文本"] img').evaluate(
-      image => (image as HTMLImageElement).naturalWidth
-    )).toBeGreaterThan(0);
-    await expect(page.locator('[aria-label="当前协议字段变更记录"]')).not.toContainText('[object Object]');
-    await expect(page.locator('[data-audit-digest="rich-text"]')).toContainText('大值摘要');
-
-    await page.locator('[data-field-code="精确定位"]').getByRole('button', { name: '浏览器定位' }).click();
-    await expect(page.locator('[data-field-code="精确定位"]')).toContainText('120.123456');
-    await expect(page.locator('[data-field-code="精确定位"]')).toContainText('30.234567');
-
-    await page
-      .locator('[data-field-code="业务签名"]')
-      .getByRole('button', { name: /(?:开始|重新)签名/ })
-      .click();
-    const canvas = page.locator('canvas[aria-label="手写签名画布"]');
-    await expect(canvas).toBeVisible();
-    const box = await canvas.boundingBox();
-    expect(box).not.toBeNull();
-    await canvas.dispatchEvent('pointerdown', {
-      pointerId: 1,
-      pointerType: 'pen',
-      buttons: 1,
-      clientX: box!.x + 30,
-      clientY: box!.y + 40,
-    });
-    for (let step = 1; step <= 8; step += 1) {
-      await canvas.dispatchEvent('pointermove', {
-        pointerId: 1,
-        pointerType: 'pen',
-        buttons: 1,
-        clientX: box!.x + 30 + (130 * step) / 8,
-        clientY: box!.y + 40 + (80 * step) / 8,
-      });
-    }
-    await canvas.dispatchEvent('pointerup', {
-      pointerId: 1,
-      pointerType: 'pen',
-      buttons: 0,
-      clientX: box!.x + 160,
-      clientY: box!.y + 120,
-    });
-    const saveSignature = page.getByRole('button', { name: '保存签名' });
-    await expect(saveSignature).toBeEnabled();
-    await saveSignature.click();
-    await expect(page.locator('[data-field-code="业务签名"]')).not.toContainText('尚未签名');
-    await expect(page.getByRole('dialog', { name: '手写签名' })).toBeHidden();
-
-    expect(pageErrors).toEqual([]);
-
-    expect(
-      await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)
-    ).toBe(true);
-    await page.screenshot({ fullPage: true, path: 'test-results/field-protocol-desktop.png' });
-  });
-
-  test('resource selectors query once when selection changes', async ({ page }) => {
-    const requestCounts = new Map<string, number>();
-    await page.route('**/source/query', async route => {
-      const match = new URL(route.request().url()).pathname.match(/\/fields\/([^/]+)\/source\/query$/);
-      const fieldCode = decodeURIComponent(match?.[1] || 'unknown');
-      requestCounts.set(fieldCode, (requestCounts.get(fieldCode) || 0) + 1);
-      const body = route.request().postDataJSON() as { operation?: 'create' | 'update' };
-      await route.fulfill({
-        contentType: 'application/json',
-        json: {
-          schemaVersion: 'openxiangda.data-field-source-page/v2',
-          environment: {
-            id: 'field-protocol-environment',
-            key: 'preproduction',
-            activeAppVersionId: 'field-protocol-version',
-            headRevision: 1,
-            authzRevisionId: 'field-protocol-authz',
-            authzVersion: 1,
-            scopeDataVersion: 'field-protocol-scope',
-          },
-          resourceCode: 'field-records',
-          fieldCode,
-          sourceResourceCode: 'field-lookups',
-          operation: body.operation || 'create',
-          items: [{
-            label: `候选-${fieldCode}`,
-            value: `candidate-${fieldCode}`,
-            resourceCode: 'field-lookups',
-            snapshot: { code: `code-${fieldCode}` },
-          }],
-          nextCursor: null,
-        },
-      });
-    });
-
-    await page.goto('/field-protocol.e2e.html');
-    await expect(page.locator('[data-field-code]')).toHaveCount(fieldCount);
-    await page.waitForLoadState('networkidle');
-    for (const fieldCode of ['资源单选', '资源多选']) {
-      const combobox = page
-        .locator(`[data-field-code="${fieldCode}"]`)
-        .getByRole('combobox');
-      await expect(combobox).toBeVisible();
-      await combobox.click();
-      const dropdown = page.locator('.ant-select-dropdown:visible');
-      await expect(dropdown).toBeVisible();
-      await expect.poll(() => requestCounts.get(fieldCode) || 0).toBe(1);
-      await dropdown
-        .locator('.ant-select-item-option')
-        .filter({ hasText: `候选-${fieldCode}` })
-        .click();
-      await page.waitForTimeout(500);
-      expect(requestCounts.get(fieldCode)).toBe(1);
-      await page.keyboard.press('Escape');
-      await expect(dropdown).toBeHidden();
-    }
-  });
-
-  test('mobile selection, numeric validation and save/reload keep canonical values', async ({ page }) => {
-    const pageErrors: string[] = [];
-    page.on('pageerror', error => pageErrors.push(error.message));
-    await page.setViewportSize({ width: 390, height: 844 });
-    await page.goto('/field-protocol.e2e.html?mode=mobile');
-    const field = (label: string) => page.locator(`[data-field-code="${label}"]`);
-    await field('单行文本').getByRole('textbox').fill('移动录入验证');
-    await field('整数').getByRole('textbox').fill('1.5');
-    await page.getByRole('button', { name: '验证表单', exact: true }).click();
-    await expect(field('整数').getByRole('alert')).toContainText('整数');
-    await expect(page.locator('[data-saved-values]')).toBeEmpty();
-    await field('整数').getByRole('textbox').fill('12');
-    await field('小数').getByRole('textbox').fill('12.75');
-    await field('金额').getByRole('textbox').fill('');
-    const moneyInput = await field('金额').getByRole('textbox').boundingBox();
-    const currency = await field('金额').locator('[aria-hidden="true"]').first().boundingBox();
-    expect(moneyInput!.height).toBeGreaterThanOrEqual(24);
-    // Currency must stay beside the editable value, even with the full React stylesheet.
-    expect(currency!.y + currency!.height / 2).toBeGreaterThan(moneyInput!.y);
-    expect(currency!.y + currency!.height / 2).toBeLessThan(moneyInput!.y + moneyInput!.height);
-
-    const choice = field('静态单选下拉');
-    const oldChoice = await choice.getByRole('button', { name: '选择静态单选下拉' }).innerText();
-    await choice.getByRole('button', { name: '选择静态单选下拉' }).click();
-    await choice.getByText('停用', { exact: true }).last().click();
-    await choice.getByRole('button', { name: '取消', exact: true }).click();
-    await expect(choice.getByRole('button', { name: '选择静态单选下拉' })).toHaveText(oldChoice);
-    await choice.getByRole('button', { name: '选择静态单选下拉' }).click();
-    await choice.getByText('停用', { exact: true }).last().click();
-    await choice.getByRole('button', { name: '确定', exact: true }).click();
-    await expect(choice.getByRole('button', { name: '选择静态单选下拉' })).toHaveText('停用');
-
-    await field('日期').getByRole('button', { name: '选择日期', exact: true }).click();
-    await field('日期').getByText('确定', { exact: true }).click();
-    await field('时间').getByRole('button', { name: '选择时间', exact: true }).click();
-    await field('时间').getByText('确定', { exact: true }).click();
-    await page.getByRole('button', { name: '验证表单', exact: true }).click();
-    const result = page.locator('[data-saved-values]');
-    await expect(result).toContainText('移动录入验证');
-    const stored = JSON.parse(await result.innerText());
-    expect(stored['整数']).toBe(12);
-    expect(stored['小数']).toBe(12.75);
-    expect(stored['金额']).toBeNull();
-    expect(stored['静态单选下拉']).toEqual({ label: '停用', value: 'disabled' });
-    expect(stored['日期']).toMatch(/^\d{4}-\d{2}-\d{2}$/);
-    expect(stored['时间']).toMatch(/^\d{2}:\d{2}:\d{2}$/);
-    await field('单行文本').getByRole('textbox').fill('未保存修改');
-    await page.getByRole('button', { name: '重新载入已保存值' }).click();
-    await expect(field('单行文本').getByRole('textbox')).toHaveValue('移动录入验证');
-    await expect(field('小数').getByRole('textbox')).toHaveValue('12.75');
-    await field('日期').getByRole('button', { name: '清空日期', exact: true }).click();
-    await page.getByRole('button', { name: '验证表单', exact: true }).click();
-    await expect.poll(async () => JSON.parse(await result.innerText())['日期']).toBeNull();
-    expect(pageErrors).toEqual([]);
-    await page.evaluate(() => window.scrollTo(0, 0));
-    await page.screenshot({ path: 'test-results/foundation-mobile-controls.png' });
-  });
-
-  test('renders every mobile control without horizontal overflow', async ({ page }) => {
-    await page.setViewportSize({ width: 390, height: 844 });
-    await page.goto('/field-protocol.e2e.html?mode=mobile');
-    await expect(page.locator('[data-field-code]')).toHaveCount(fieldCount);
-    await expect(page.locator('.oxa-mobile-field')).toHaveCount(fieldCount);
-    await expect(page.locator('[data-field-code="精确定位"] input')).toHaveCount(0);
-    await expect(page.locator('[data-field-code="附件"] input[type="file"]')).toBeHidden();
-    await expect(page.locator('.ant-alert-error')).toHaveCount(0);
-    expect(
-      await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)
-    ).toBe(true);
-    await page.screenshot({ fullPage: true, path: 'test-results/field-protocol-mobile.png' });
-  });
-
-  test('mobile default components and popups do not reset the surrounding page', async ({ page }) => {
-    const pageErrors: string[] = [];
-    page.on('pageerror', error => pageErrors.push(error.message));
-    await page.setViewportSize({ width: 390, height: 844 });
-    await page.goto('/field-protocol.e2e.html?mode=mobile-surface');
-    const outsideStyles = () => page.evaluate(() => ({
-      background: getComputedStyle(document.documentElement).backgroundColor,
-      color: getComputedStyle(document.body).color,
-      fontSize: getComputedStyle(document.body).fontSize,
-      fontFamily: getComputedStyle(document.body).fontFamily,
-      link: getComputedStyle(document.getElementById('outside-mobile')!).color,
-      mobilePrimary: getComputedStyle(document.documentElement).getPropertyValue('--adm-color-primary'),
-    }));
-    const baseline = {
-      background: 'rgb(248, 249, 250)', color: 'rgb(31, 32, 33)',
-      fontSize: '17px', fontFamily: 'monospace', link: 'rgb(101, 42, 140)', mobilePrimary: '',
-    };
-    expect(await outsideStyles()).toEqual(baseline);
-    await page.getByRole('textbox', { name: '平台移动输入' }).fill('弹层继承当前页面');
-    await page.getByRole('button', { name: '打开移动弹层' }).click();
-    const popup = page.locator('.oxa-mobile-scope .adm-popup-body');
-    await expect(popup).toBeVisible();
-    await expect(popup).toContainText('弹层继承当前页面');
-    await expect(popup).toHaveCSS('background-color', 'rgb(255, 255, 255)');
-    expect(await outsideStyles()).toEqual(baseline);
-    await popup.getByRole('button', { name: '关闭弹层' }).click();
-    await expect(popup).toBeHidden();
-    expect(await outsideStyles()).toEqual(baseline);
-    expect(pageErrors).toEqual([]);
-  });
-});

package/template/apps/web/e2e/mobile-files.spec.ts

@@ -1,96 +0,0 @@
-import { expect, test, type Page } from '@playwright/test';
-
-const field = (page: Page, name: string) => page.locator(`[data-field-code="${name}"]`);
-const file = (name: string) => ({ name, mimeType: 'text/plain', buffer: Buffer.from('acceptance') });
-async function submit(page: Page) {
-  await page.getByRole('button', { name: '验证表单', exact: true }).click();
-  await expect(page.locator('[data-saved-values]')).not.toBeEmpty();
-  return JSON.parse(await page.locator('[data-saved-values]').innerText());
-}
-
-test.describe('mobile managed files', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.setViewportSize({ width: 390, height: 844 });
-    await page.route('**/china-divisions/**', route => route.fulfill({ json: [] }));
-    await page.route('**/files/*/content?**', route => route.fulfill({ contentType: 'image/svg+xml', body:
-      '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><rect width="640" height="480" fill="#f1f3f5"/><circle cx="470" cy="120" r="45" fill="#c6d3df"/><path d="M0 480L220 180L410 480M230 480L450 250L640 480" fill="#95a9bb"/><text x="30" y="50" font-family="sans-serif" font-size="24" fill="#34495e">Image preview fixture</text></svg>' }));
-  });
-
-  test('failed uploads retry, removed pending results stay removed and limits do not truncate', async ({ page }, info) => {
-    const errors: string[] = [];
-    page.on('pageerror', error => errors.push(error.message));
-    let attempts = 0;
-    let release!: () => void;
-    const held = new Promise<void>(resolve => { release = resolve; });
-    await page.route('**/__field-upload-fixture', async route => {
-      const name = decodeURIComponent(route.request().headers()['x-file-name']);
-      if (name === '待移除.txt') await held;
-      if (name === '重试.txt' && ++attempts === 1) return route.fulfill({ status: 503, body: '网络暂不可用，请重试。已填写内容会保留。' });
-      await route.fulfill({ status: 204 });
-    });
-    await page.goto('/field-protocol.e2e.html?mode=mobile&controlledUploads=1');
-    const attachment = field(page, '附件');
-    await attachment.locator('input[type=file]').setInputFiles(file('重试.txt'));
-    await expect(attachment.getByRole('alert')).toContainText('网络暂不可用');
-    await expect(attachment.locator('.ant-btn')).toHaveCount(0);
-    await expect(attachment.locator('input[type=file]')).toBeHidden();
-    await attachment.scrollIntoViewIfNeeded();
-    await page.screenshot({ path: info.outputPath('mobile-file-retry.png') });
-    await attachment.getByRole('button', { name: '重试', exact: true }).click();
-    await expect(attachment.getByRole('button', { name: '预览重试.txt', exact: true })).toBeVisible();
-    expect(attempts).toBe(2);
-    await attachment.locator('input[type=file]').setInputFiles(file('待移除.txt'));
-    const pending = attachment.locator('.oxa-mobile-upload-card');
-    await expect(pending).toContainText('上传中');
-    await pending.getByRole('button', { name: '移除', exact: true }).click();
-    release();
-    await expect(attachment.locator('.oxa-mobile-upload-card')).toHaveCount(0);
-    await attachment.locator('input[type=file]').setInputFiles([file('超额一.txt'), file('超额二.txt')]);
-    await expect(attachment.getByRole('alert')).toContainText('还可选择 1 个文件');
-    const saved = await submit(page);
-    expect(saved['附件'].map((item: { name: string }) => item.name)).toEqual(['验收附件.pdf', '重试.txt']);
-    await page.getByRole('button', { name: '重新载入已保存值' }).click();
-    await expect(attachment.getByRole('button', { name: '预览重试.txt', exact: true })).toBeVisible();
-    await attachment.getByRole('button', { name: '移除重试.txt', exact: true }).click();
-    expect((await submit(page))['附件']).toHaveLength(1);
-    expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
-    expect(errors).toEqual([]);
-  });
-
-  test('mobile image preview, close and attachment download use existing file APIs', async ({ page }, info) => {
-    const errors: string[] = [];
-    page.on('pageerror', error => errors.push(error.message));
-    await page.route('**/files/*/preview?**', route => route.fulfill({ json: {
-      canPreview: true, previewType: 'image', file: { name: '验收图片.png' },
-    } }));
-    await page.goto('/field-protocol.e2e.html?mode=mobile');
-    const images = field(page, '图片');
-    await expect(images.getByRole('button', { name: '上传图片', exact: true })).toBeVisible();
-    await images.locator('input[type=file]').setInputFiles({ name: '第二张.png', mimeType: 'image/png', buffer: Buffer.from('fixture-image') });
-    await expect(images.getByRole('button', { name: '预览第二张.png', exact: true })).toBeVisible();
-    await expect(images.getByRole('button', { name: '预览验收图片.png', exact: true })).toBeVisible();
-    await images.getByRole('button', { name: '预览第二张.png', exact: true }).click();
-    await expect(page.getByRole('button', { name: '关闭预览', exact: true })).toBeVisible();
-    await expect(page.locator('.ant-image-preview')).toHaveCount(0);
-    await expect(page.locator('.adm-image-viewer-indicator')).toHaveText('2 / 2');
-    await expect(page.locator('.adm-image-viewer-image-wrapper img').last()).toHaveJSProperty('naturalWidth', 640);
-    await page.screenshot({ path: info.outputPath('mobile-image-preview.png') });
-    const imageDownload = page.waitForEvent('download');
-    await page.getByRole('button', { name: '下载', exact: true }).click();
-    expect((await imageDownload).suggestedFilename()).toBe('第二张.png');
-    await page.getByRole('button', { name: '关闭预览', exact: true }).click();
-    await expect(page.getByRole('button', { name: '关闭预览', exact: true })).toHaveCount(0);
-    let downloadAttempts = 0;
-    await page.route('**/files/11111111-1111-4111-8111-111111111111/content?**', route => {
-      downloadAttempts += 1;
-      return downloadAttempts === 1 ? route.fulfill({ status: 503, body: 'Unavailable' }) : route.fulfill({ body: 'download acceptance', contentType: 'application/pdf' });
-    });
-    await field(page, '附件').getByRole('button', { name: '下载验收附件.pdf', exact: true }).click();
-    await expect(page.getByText('FILE_CONTENT_READ_FAILED: HTTP_503', { exact: true })).toBeVisible();
-    await expect(field(page, '附件').getByRole('button', { name: '预览验收附件.pdf', exact: true })).toBeVisible();
-    const download = page.waitForEvent('download');
-    await field(page, '附件').getByRole('button', { name: '下载验收附件.pdf', exact: true }).click();
-    expect((await download).suggestedFilename()).toBe('验收附件.pdf');
-    expect(errors).toEqual([]);
-  });
-});