mirror of https://github.com/nocodb/nocodb
Pranav C
4 months ago
committed by
GitHub
45 changed files with 1355 additions and 364 deletions
@ -0,0 +1,9 @@
|
||||
<script setup lang="ts"> |
||||
defineProps<{ |
||||
value: any |
||||
}>() |
||||
</script> |
||||
|
||||
<template> |
||||
<span></span> |
||||
</template> |
||||
@ -0,0 +1,349 @@
|
||||
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', () => { |
||||
// force disabled temporarily
|
||||
// to be re-visited after advance options menu is finalised
|
||||
test.skip(); |
||||
|
||||
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('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' }); |
||||
await dashboard.grid.editRow({ index: 0, columnHeader: 'Sheet1Id', value: '1' }); |
||||
await dashboard.grid.editRow({ index: 1, columnHeader: 'Sheet1Id', value: '1' }); |
||||
await dashboard.grid.editRow({ index: 2, columnHeader: 'Sheet1Id', value: '1' }); |
||||
|
||||
// Create LTAR-HM column
|
||||
await dashboard.grid.column.create({ |
||||
title: 'Link1-2hm', |
||||
type: UITypes.Links, |
||||
childTable: 'Sheet2', |
||||
relationType: 'Has Many', |
||||
custom: true, |
||||
refColumn: 'Sheet1Id', |
||||
}); |
||||
|
||||
// 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', |
||||
}, |
||||
}); |
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue