github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

test: playwright test - WIP

pull/8367/head
Pranav C 5 months ago
parent
fdf42d269c
commit
ea7c0d26b0
1 changed files with 354 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 354
      tests/playwright/tests/db/columns/columnLinkToAnotherRecordAdvanceOptions.spec.ts

354
tests/playwright/tests/db/columns/columnLinkToAnotherRecordAdvanceOptions.spec.ts
Unescape View File

@ -0,0 +1,354 @@
import { test } from '@playwright/test';
import { DashboardPage } from '../../../pages/Dashboard';
import setup, { unsetup } from '../../../setup';
import { enableQuickRun } from '../../../setup/db';
import { UITypes } from 'nocodb-sdk';
test.describe('LTAR create & update', () => {
if (enableQuickRun()) test.skip();
let dashboard: DashboardPage;
let context: any;
// todo: Break the test into smaller tests
test.setTimeout(150000);
test.beforeEach(async ({ page }) => {
context = await setup({ page, isEmptyProject: true });
dashboard = new DashboardPage(page, context.base);
});
test.afterEach(async () => {
await unsetup(context);
});
test.only('LTAR', async () => {
await dashboard.treeView.createTable({ title: 'Sheet1', baseTitle: context.base.title });
// subsequent table creation fails; hence delay
await dashboard.rootPage.waitForTimeout(1000);
await dashboard.treeView.createTable({ title: 'Sheet2', baseTitle: context.base.title });
await dashboard.grid.column.create({
title: 'Sheet1Id',
type: UITypes.Number,
});
await dashboard.treeView.openTable({ title: 'Sheet1' });
await dashboard.grid.addNewRow({ index: 0, value: '1a' });
await dashboard.grid.addNewRow({ index: 1, value: '1b' });
await dashboard.grid.addNewRow({ index: 2, value: '1c' });
await dashboard.treeView.openTable({ title: 'Sheet2' });
await dashboard.grid.addNewRow({ index: 0, value: '2a' });
await dashboard.grid.addNewRow({ index: 1, value: '2b' });
await dashboard.grid.addNewRow({ index: 2, value: '2c' });
// Create LTAR-HM column
await dashboard.grid.column.create({
title: 'Link1-2hm',
type: 'Links',
childTable: 'Sheet2',
relationType: 'Has Many',
});
await dashboard.grid.column.create({
title: 'Link1-2mm',
type: 'Links',
childTable: 'Sheet2',
relationType: 'Many To many',
});
await dashboard.treeView.openTable({ title: 'Sheet2', networkResponse: false });
await dashboard.grid.column.create({
title: 'Link2-1hm',
type: 'Links',
childTable: 'Sheet1',
relationType: 'Has Many',
});
// Sheet2 now has all 3 column categories : HM, BT, MM
// Verify fields and toggle the visibility
await dashboard.grid.toolbar.clickFields();
for (const title of ['Sheet1', 'Sheet1s']) {
await dashboard.grid.toolbar.fields.verify({ title, checked: false });
await dashboard.grid.toolbar.fields.click({ title, isLocallySaved: false });
}
await dashboard.grid.toolbar.clickFields();
// Expanded form insert
await dashboard.grid.footbar.clickAddRecordFromForm();
await dashboard.expandedForm.fillField({
columnTitle: 'Title',
value: '2a',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Sheet1',
value: '1a',
type: 'belongsTo',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Sheet1s',
value: '1a',
type: 'manyToMany',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Link2-1hm',
value: '1a',
type: 'hasMany',
});
await dashboard.expandedForm.save();
// In cell insert
await dashboard.grid.addNewRow({ index: 1, value: '2b' });
await dashboard.grid.cell.inCellAdd({ index: 1, columnHeader: 'Sheet1' });
await dashboard.linkRecord.select('1b');
await dashboard.grid.cell.inCellAdd({
index: 1,
columnHeader: 'Sheet1s',
});
await dashboard.linkRecord.select('1b');
await dashboard.grid.cell.inCellAdd({
index: 1,
columnHeader: 'Link2-1hm',
});
await dashboard.linkRecord.select('1b');
// Expand record insert
await dashboard.grid.addNewRow({ index: 2, value: '2c-temp' });
await dashboard.grid.openExpandedRow({ index: 2 });
await dashboard.expandedForm.fillField({
columnTitle: 'Sheet1',
value: '1c',
type: 'belongsTo',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Sheet1s',
value: '1c',
type: 'manyToMany',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Link2-1hm',
value: '1c',
type: 'hasMany',
});
await dashboard.expandedForm.fillField({
columnTitle: 'Title',
value: '2c',
type: 'text',
});
await dashboard.rootPage.waitForTimeout(1000);
await dashboard.expandedForm.save();
const expected = [
[['1a'], ['1b'], ['1c']],
[['1 Sheet1'], ['1 Sheet1'], ['1 Sheet1']],
[['1 Sheet1'], ['1 Sheet1'], ['1 Sheet1']],
];
const colHeaders = ['Sheet1', 'Sheet1s', 'Link2-1hm'];
// verify LTAR cell values
for (let i = 0; i < expected.length; i++) {
for (let j = 0; j < expected[i].length; j++) {
await dashboard.grid.cell.verifyVirtualCell({
index: j,
columnHeader: colHeaders[i],
count: 1,
value: expected[i][j],
type: i === 0 ? 'bt' : undefined,
options: { singular: 'Sheet1', plural: 'Sheet1s' },
});
}
}
await dashboard.closeTab({ title: 'Sheet2' });
await dashboard.treeView.openTable({ title: 'Sheet1' });
// Verify fields and toggle the visibility
await dashboard.grid.toolbar.clickFields();
await dashboard.grid.toolbar.fields.verify({ title: 'Sheet2', checked: false });
await dashboard.grid.toolbar.fields.click({ title: 'Sheet2', isLocallySaved: false });
await dashboard.grid.toolbar.clickFields();
const expected2 = [
[['1 Sheet2'], ['1 Sheet2'], ['1 Sheet2']],
[['1 Sheet2'], ['1 Sheet2'], ['1 Sheet2']],
[['2a'], ['2b'], ['2c']],
];
const colHeaders2 = ['Link1-2hm', 'Link1-2mm', 'Sheet2'];
// verify LTAR cell values
for (let i = 0; i < expected2.length; i++) {
for (let j = 0; j < expected2[i].length; j++) {
await dashboard.grid.cell.verifyVirtualCell({
index: j,
columnHeader: colHeaders2[i],
count: 1,
value: expected2[i][j],
type: i === 2 ? 'bt' : undefined,
options: { singular: 'Sheet2', plural: 'Sheet2s' },
});
}
}
// Unlink LTAR cells
for (let i = 0; i < expected2.length; i++) {
for (let j = 0; j < expected2[i].length; j++) {
await dashboard.rootPage.waitForTimeout(500);
await dashboard.grid.cell.unlinkVirtualCell({
index: j,
columnHeader: colHeaders2[i],
});
}
}
// delete columns
await dashboard.grid.column.delete({ title: 'Link1-2hm' });
await dashboard.grid.column.delete({ title: 'Link1-2mm' });
await dashboard.grid.column.delete({ title: 'Sheet2' });
// delete table
await dashboard.treeView.deleteTable({ title: 'Sheet1' });
await dashboard.treeView.deleteTable({ title: 'Sheet2' });
});
});
test.describe('Links after edit record', () => {
let dashboard: DashboardPage;
let context: any;
test.beforeEach(async ({ page }) => {
context = await setup({ page, isEmptyProject: false });
dashboard = new DashboardPage(page, context.base);
});
test.afterEach(async () => {
await unsetup(context);
});
async function verifyRow(param: {
index: number;
value: {
Country: string;
formula?: string;
SLT?: string;
Cities: string[];
};
}) {
await dashboard.grid.cell.verify({
index: param.index,
columnHeader: 'Country',
value: param.value.Country,
});
if (param.value.formula) {
await dashboard.grid.cell.verify({
index: param.index,
columnHeader: 'formula',
value: param.value.formula,
});
}
await dashboard.grid.cell.verifyVirtualCell({
index: param.index,
columnHeader: 'Cities',
count: param.value.Cities.length,
options: { singular: 'City', plural: 'Cities' },
});
if (param.value.SLT) {
await dashboard.grid.cell.verify({
index: param.index,
columnHeader: 'SLT',
value: param.value.SLT,
});
}
}
/**
* Scope:
* - Verify LTAR and lookup cell after updating any non-virtual column
* - Verify the formula cell in which the updated cell is referring
* - Verify other non-virtual cells
*
* https://github.com/nocodb/nocodb/issues/4220
*
*/
test('Existing LTAR table verification', async () => {
// open table
await dashboard.treeView.openTable({ title: 'Country' });
await verifyRow({
index: 0,
value: {
Country: 'Afghanistan',
Cities: ['Kabul'],
},
});
await verifyRow({
index: 1,
value: {
Country: 'Algeria',
Cities: ['Batna', 'Bchar', 'Skikda'],
},
});
// create new columns
await dashboard.grid.column.create({
title: 'SLT',
type: 'SingleLineText',
});
await dashboard.grid.column.create({
title: 'formula',
type: 'Formula',
formula: "CONCAT({Country}, ' ', {SLT})",
});
// insert new content into a cell
await dashboard.grid.editRow({
index: 0,
columnHeader: 'SLT',
value: 'test',
});
await verifyRow({
index: 0,
value: {
Country: 'Afghanistan',
Cities: ['Kabul'],
SLT: 'test',
formula: 'Afghanistan test',
},
});
// edit record
await dashboard.grid.editRow({
index: 0,
columnHeader: 'Country',
value: 'Afghanistan2',
});
await verifyRow({
index: 0,
value: {
Country: 'Afghanistan2',
Cities: ['Kabul'],
SLT: 'test',
formula: 'Afghanistan2 test',
},
});
// Delete cell contents and verify
await dashboard.grid.cell.click({ index: 0, columnHeader: 'SLT' });
// trigger delete button key
await dashboard.rootPage.keyboard.press('Delete');
// Verify other non-virtual cells
await verifyRow({
index: 0,
value: {
Country: 'Afghanistan2',
Cities: ['Kabul'],
SLT: '',
formula: 'Afghanistan2',
},
});
});
});
Write Preview
Loading…
Cancel
Save