mirror of
https://github.com/nocobase/nocobase
synced 2024-11-15 08:21:53 +00:00
test: add e2e for actions (#4053)
* test: add e2e for bulk delete * chore: add e2e for Secondary confirmation
This commit is contained in:
parent
68bc73b987
commit
a9407b3a49
@ -0,0 +1,47 @@
|
||||
import { expect, test } from '@nocobase/test/e2e';
|
||||
import { oneTableWithGeneral } from './templates';
|
||||
|
||||
test.describe('bulk-destroy', () => {
|
||||
test('in table', async ({ page, mockPage, mockRecords }) => {
|
||||
const nocoPage = await mockPage(oneTableWithGeneral).waitForInit();
|
||||
await mockRecords('general', 3);
|
||||
await nocoPage.goto();
|
||||
|
||||
await expect(page.getByLabel('block-item-CardItem-general-').getByText('No data')).not.toBeVisible();
|
||||
|
||||
// 1. 创建一个批量删除按钮
|
||||
await page.getByLabel('schema-initializer-ActionBar-').click();
|
||||
await page.getByRole('menuitem', { name: 'Delete' }).click();
|
||||
|
||||
// 2. 选中所有行
|
||||
await page.getByLabel('Select all').check();
|
||||
|
||||
// 3. 点击批量删除按钮,Table 显示无数据
|
||||
await page.getByLabel('action-Action-Delete-destroy-').click();
|
||||
await page.getByRole('button', { name: 'OK', exact: true }).click();
|
||||
await expect(page.getByLabel('block-item-CardItem-general-').getByText('No data')).toBeVisible();
|
||||
});
|
||||
|
||||
test('Secondary confirmation', async ({ page, mockPage, mockRecords }) => {
|
||||
const nocoPage = await mockPage(oneTableWithGeneral).waitForInit();
|
||||
await mockRecords('general', 3);
|
||||
await nocoPage.goto();
|
||||
|
||||
await expect(page.getByLabel('block-item-CardItem-general-').getByText('No data')).not.toBeVisible();
|
||||
|
||||
// 1. 创建一个批量删除按钮,并关闭二次确认
|
||||
await page.getByLabel('schema-initializer-ActionBar-').click();
|
||||
await page.getByRole('menuitem', { name: 'Delete' }).click();
|
||||
await page.getByLabel('action-Action-Delete-destroy-').hover();
|
||||
await page.getByLabel('designer-schema-settings-Action-actionSettings:bulkDelete-general').hover();
|
||||
await page.getByRole('menuitem', { name: 'Secondary confirmation' }).click();
|
||||
await page.mouse.move(500, 0);
|
||||
|
||||
// 2. 选中所有行
|
||||
await page.getByLabel('Select all').check();
|
||||
|
||||
// 3. 点击批量删除按钮,Table 显示无数据
|
||||
await page.getByLabel('action-Action-Delete-destroy-').click();
|
||||
await expect(page.getByLabel('block-item-CardItem-general-').getByText('No data')).toBeVisible();
|
||||
});
|
||||
});
|
@ -0,0 +1,191 @@
|
||||
export const oneTableWithGeneral = {
|
||||
collections: [
|
||||
{
|
||||
name: 'general',
|
||||
fields: [
|
||||
{
|
||||
name: 'singleLineText',
|
||||
interface: 'input',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
pageSchema: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-component': 'Page',
|
||||
properties: {
|
||||
'8ss8o5y9v1n': {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-component': 'Grid',
|
||||
'x-initializer': 'page:addBlock',
|
||||
properties: {
|
||||
csfo7xx40b3: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-component': 'Grid.Row',
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
tt2a4eaj8lb: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-component': 'Grid.Col',
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
'8x94ptxomlt': {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-decorator': 'TableBlockProvider',
|
||||
'x-acl-action': 'general:list',
|
||||
'x-use-decorator-props': 'useTableBlockDecoratorProps',
|
||||
'x-decorator-props': {
|
||||
collection: 'general',
|
||||
dataSource: 'main',
|
||||
action: 'list',
|
||||
params: {
|
||||
pageSize: 20,
|
||||
},
|
||||
rowKey: 'id',
|
||||
showIndex: true,
|
||||
dragSort: false,
|
||||
},
|
||||
'x-toolbar': 'BlockSchemaToolbar',
|
||||
'x-settings': 'blockSettings:table',
|
||||
'x-component': 'CardItem',
|
||||
'x-filter-targets': [],
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
actions: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-initializer': 'table:configureActions',
|
||||
'x-component': 'ActionBar',
|
||||
'x-component-props': {
|
||||
style: {
|
||||
marginBottom: 'var(--nb-spacing)',
|
||||
},
|
||||
},
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
'x-uid': 'hdwhv0s3ld8',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
cxp0n38cdzh: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'array',
|
||||
'x-initializer': 'table:configureColumns',
|
||||
'x-component': 'TableV2',
|
||||
'x-use-component-props': 'useTableBlockProps',
|
||||
'x-component-props': {
|
||||
rowKey: 'id',
|
||||
rowSelection: {
|
||||
type: 'checkbox',
|
||||
},
|
||||
},
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
actions: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
title: '{{ t("Actions") }}',
|
||||
'x-action-column': 'actions',
|
||||
'x-decorator': 'TableV2.Column.ActionBar',
|
||||
'x-component': 'TableV2.Column',
|
||||
'x-designer': 'TableV2.ActionColumnDesigner',
|
||||
'x-initializer': 'table:configureItemActions',
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
gl66zpwpgkc: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-decorator': 'DndContext',
|
||||
'x-component': 'Space',
|
||||
'x-component-props': {
|
||||
split: '|',
|
||||
},
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
'x-uid': 'zjbyke5x5zq',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': 'stly3z91277',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
dd7u5egw9ue: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
type: 'void',
|
||||
'x-decorator': 'TableV2.Column.Decorator',
|
||||
'x-toolbar': 'TableColumnSchemaToolbar',
|
||||
'x-settings': 'fieldSettings:TableColumn',
|
||||
'x-component': 'TableV2.Column',
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
properties: {
|
||||
singleLineText: {
|
||||
_isJSONSchemaObject: true,
|
||||
version: '2.0',
|
||||
'x-collection-field': 'general.singleLineText',
|
||||
'x-component': 'CollectionField',
|
||||
'x-component-props': {
|
||||
ellipsis: true,
|
||||
},
|
||||
'x-read-pretty': true,
|
||||
'x-decorator': null,
|
||||
'x-decorator-props': {
|
||||
labelStyle: {
|
||||
display: 'none',
|
||||
},
|
||||
},
|
||||
'x-app-version': '0.21.0-alpha.8',
|
||||
'x-uid': 'hun0avzussa',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': '9buozxehglu',
|
||||
'x-async': false,
|
||||
'x-index': 2,
|
||||
},
|
||||
},
|
||||
'x-uid': 'rirrh33p5m8',
|
||||
'x-async': false,
|
||||
'x-index': 2,
|
||||
},
|
||||
},
|
||||
'x-uid': 'n3j1d0y1a9c',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': 'eo1qycp0ie2',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': '1xji5q6qrvd',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': 'cati70644yw',
|
||||
'x-async': false,
|
||||
'x-index': 1,
|
||||
},
|
||||
},
|
||||
'x-uid': '8xohxs7zt2z',
|
||||
'x-async': true,
|
||||
'x-index': 1,
|
||||
},
|
||||
};
|
Loading…
Reference in New Issue
Block a user