mirror of https://github.com/nocodb/nocodb
Ekaterina Balakina
2 years ago
8 changed files with 311 additions and 148 deletions
@ -0,0 +1,111 @@ |
|||||||
|
import { expect, test } from '@playwright/test'; |
||||||
|
import { DashboardPage } from '../pages/Dashboard'; |
||||||
|
import { GridPage } from '../pages/Dashboard/Grid'; |
||||||
|
import setup from '../setup'; |
||||||
|
|
||||||
|
test.describe('Verify cell selection', () => { |
||||||
|
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; |
||||||
|
}); |
||||||
|
|
||||||
|
test('#1 when range is selected, it has correct number of selected cells', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 2, columnHeader: 'City List' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(9); |
||||||
|
}); |
||||||
|
|
||||||
|
test('#2 when copied with clipboard, it copies correct text', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 1, columnHeader: 'LastUpdate' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.copyWithKeyboard()).toBe( |
||||||
|
'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n' |
||||||
|
); |
||||||
|
}); |
||||||
|
|
||||||
|
test('#3 when copied with mouse, it copies correct text', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 1, columnHeader: 'LastUpdate' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.copyWithMouse({ index: 0, columnHeader: 'Country' })).toBe( |
||||||
|
'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n' |
||||||
|
); |
||||||
|
}); |
||||||
|
|
||||||
|
// FIXME: this is edge case, better be moved to integration tests
|
||||||
|
test('#4 when cell inside selection range is clicked, it clears previous selection', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 2, columnHeader: 'City List' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(9); |
||||||
|
|
||||||
|
await grid.cell.get({ index: 0, columnHeader: 'Country' }).click(); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(1); |
||||||
|
expect(await grid.cell.verifyCellActiveSelected({ index: 0, columnHeader: 'Country' })); |
||||||
|
}); |
||||||
|
|
||||||
|
// FIXME: this is edge case, better be moved to integration tests
|
||||||
|
test('#5 when cell outside selection range is clicked, it clears previous selection', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 2, columnHeader: 'City List' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(9); |
||||||
|
|
||||||
|
await grid.cell.get({ index: 5, columnHeader: 'Country' }).click(); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(1); |
||||||
|
expect(await grid.cell.verifyCellActiveSelected({ index: 5, columnHeader: 'Country' })); |
||||||
|
}); |
||||||
|
|
||||||
|
// FIXME: this is edge case, better be moved to integration tests
|
||||||
|
test('#6 when selection ends on locked field, it still works as expected', async () => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await dashboard.grid.toolbar.fields.toggleShowSystemFields(); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 2, columnHeader: 'City List' }, |
||||||
|
end: { index: 0, columnHeader: 'CountryId' }, |
||||||
|
}); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(12); |
||||||
|
|
||||||
|
await grid.cell.get({ index: 1, columnHeader: 'Country' }).click(); |
||||||
|
|
||||||
|
expect(await grid.selectedCount()).toBe(1); |
||||||
|
expect(await grid.cell.verifyCellActiveSelected({ index: 1, columnHeader: 'Country' })); |
||||||
|
}); |
||||||
|
|
||||||
|
// FIXME: this is edge case, better be moved to integration tests
|
||||||
|
test('#7 when navigated with keyboard, only active cell is affected', async ({ page }) => { |
||||||
|
await dashboard.treeView.openTable({ title: 'Country' }); |
||||||
|
await grid.selectRange({ |
||||||
|
start: { index: 0, columnHeader: 'Country' }, |
||||||
|
end: { index: 2, columnHeader: 'City List' }, |
||||||
|
}); |
||||||
|
|
||||||
|
await page.keyboard.press('ArrowRight'); |
||||||
|
expect(await grid.selectedCount()).toBe(1); |
||||||
|
expect(await grid.cell.verifyCellActiveSelected({ index: 0, columnHeader: 'LastUpdate' })); |
||||||
|
}); |
||||||
|
}); |
||||||
Loading…
Reference in new issue