mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
3.4 KiB
66 lines
3.4 KiB
import { test } from '@playwright/test'; |
|
import { DashboardPage } from '../pages/Dashboard'; |
|
import { GridPage } from '../pages/Dashboard/Grid' |
|
import setup from '../setup'; |
|
|
|
|
|
test.describe('Multi select', () => { |
|
let dashboard: DashboardPage, grid: GridPage; |
|
let context: any; |
|
|
|
test.beforeEach(async ({page}) => { |
|
context = await setup({ page }); |
|
dashboard = new DashboardPage(page, context.project); |
|
grid = dashboard.grid; |
|
|
|
await dashboard.treeView.createTable({ title: 'sheet1' }); |
|
|
|
await grid.column.create({ title: 'MultiSelect', type: 'MultiSelect' }); |
|
await grid.addNewRow({index: 0, value: "Row 0"}); |
|
}) |
|
|
|
test('Select and clear options and rename options', async () => { |
|
await grid.cell.selectOption.select({index: 0, columnHeader: 'MultiSelect', option: 'Option 1', multiSelect: true}); |
|
await grid.cell.selectOption.verify({index: 0, columnHeader: 'MultiSelect', option: 'Option 1', multiSelect: true}); |
|
|
|
await grid.cell.selectOption.select({index: 0, columnHeader: 'MultiSelect', option: 'Option 2', multiSelect: true}); |
|
await grid.cell.selectOption.verify({index: 0, columnHeader: 'MultiSelect', option: 'Option 2', multiSelect: true}); |
|
|
|
await grid.addNewRow({index: 1, value: "Row 1"}); |
|
await grid.cell.selectOption.select({index: 1, columnHeader: 'MultiSelect', option: 'Option 1', multiSelect: true}); |
|
|
|
await grid.cell.selectOption.clear({index: 0, columnHeader: 'MultiSelect', multiSelect: true}); |
|
await grid.cell.click({index: 0, columnHeader: 'MultiSelect'}); |
|
|
|
await grid.column.selectOption.addOption({index: 2, option: 'Option 3', columnTitle: 'MultiSelect'}); |
|
|
|
await grid.cell.selectOption.select({index: 0, columnHeader: 'MultiSelect', option: 'Option 3', multiSelect: true}); |
|
await grid.cell.selectOption.verify({index: 0, columnHeader: 'MultiSelect', option: 'Option 3', multiSelect: true}); |
|
|
|
await grid.column.selectOption.editOption({index: 2, columnTitle: 'MultiSelect', newOption: 'New Option 3'}); |
|
await grid.cell.selectOption.verify({index: 0, columnHeader: 'MultiSelect', option: 'New Option 3', multiSelect: true}); |
|
|
|
await grid.cell.selectOption.verifyOptions({index: 0, columnHeader: 'MultiSelect', options: ['Option 1', 'Option 2', 'New Option 3']}); |
|
|
|
await grid.deleteRow(0); |
|
await grid.deleteRow(0); |
|
await grid.verifyRowDoesNotExist({index: 0}); |
|
}); |
|
|
|
test('Remove a option, reorder option and delete the column', async () => { |
|
await grid.cell.selectOption.select({index: 0, columnHeader: 'MultiSelect', option: 'Option 1', multiSelect: true}); |
|
await grid.column.selectOption.addOption({index: 2, option: 'Option 3', columnTitle: 'MultiSelect'}); |
|
|
|
await grid.cell.selectOption.select({index: 0, columnHeader: 'MultiSelect', option: 'Option 3', multiSelect: true}); |
|
await grid.cell.selectOption.verify({index: 0, columnHeader: 'MultiSelect', option: 'Option 3', multiSelect: true}); |
|
|
|
await grid.column.selectOption.deleteOption({index: 2, columnTitle: 'MultiSelect'}); |
|
await grid.cell.selectOption.verifyNoOptionsSelected({index: 0, columnHeader: 'MultiSelect'}); |
|
|
|
await grid.column.selectOption.reorderOption({sourceOption: "Option 1", columnTitle: 'MultiSelect', destinationOption: "Option 2"}); |
|
await grid.cell.selectOption.verifyOptions({index: 0, columnHeader: 'MultiSelect', options: ['Option 2', 'Option 1']}); |
|
|
|
await grid.column.delete({title: 'MultiSelect'}); |
|
}); |
|
|
|
});
|
|
|