mirror of https://github.com/nocodb/nocodb
Raju Udava
2 years ago
6 changed files with 651 additions and 20 deletions
@ -0,0 +1,131 @@ |
|||||||
|
import { ColumnType, UITypes } from 'nocodb-sdk'; |
||||||
|
|
||||||
|
const rowMixedValue = (column: ColumnType, index: number) => { |
||||||
|
// Array of country names
|
||||||
|
const countries = [ |
||||||
|
'Afghanistan', |
||||||
|
'Albania', |
||||||
|
'', |
||||||
|
'Andorra', |
||||||
|
'Angola', |
||||||
|
'Antigua and Barbuda', |
||||||
|
'Argentina', |
||||||
|
null, |
||||||
|
'Armenia', |
||||||
|
'Australia', |
||||||
|
'Austria', |
||||||
|
'', |
||||||
|
null, |
||||||
|
]; |
||||||
|
|
||||||
|
// Array of sample random paragraphs (comma separated list of cities and countries). Not more than 200 characters
|
||||||
|
const longText = [ |
||||||
|
'Aberdeen, United Kingdom', |
||||||
|
'Abidjan, Côte d’Ivoire', |
||||||
|
'Abuja, Nigeria', |
||||||
|
'', |
||||||
|
'Addis Ababa, Ethiopia', |
||||||
|
'Adelaide, Australia', |
||||||
|
'Ahmedabad, India', |
||||||
|
'Albuquerque, United States', |
||||||
|
null, |
||||||
|
'Alexandria, Egypt', |
||||||
|
'Algiers, Algeria', |
||||||
|
'Allahabad, India', |
||||||
|
'', |
||||||
|
null, |
||||||
|
]; |
||||||
|
|
||||||
|
// Array of random integers, not more than 10000
|
||||||
|
const numbers = [33, null, 456, 333, 267, 34, 8754, 3234, 44, 33, null]; |
||||||
|
const decimals = [33.3, 456.34, 333.3, null, 267.5674, 34.0, 8754.0, 3234.547, 44.2647, 33.98, null]; |
||||||
|
const duration = [10, 20, 30, 40, 50, 60, null, 70, 80, 90, null]; |
||||||
|
const rating = [0, 1, 2, 3, null, 0, 4, 5, 0, 1, null]; |
||||||
|
|
||||||
|
// Array of random sample email strings (not more than 100 characters)
|
||||||
|
const emails = [ |
||||||
|
'jbutt@gmail.com', |
||||||
|
'josephine_darakjy@darakjy.org', |
||||||
|
'art@venere.org', |
||||||
|
'', |
||||||
|
null, |
||||||
|
'donette.foller@cox.net', |
||||||
|
'simona@morasca.com', |
||||||
|
'mitsue_tollner@yahoo.com', |
||||||
|
'leota@hotmail.com', |
||||||
|
'sage_wieser@cox.net', |
||||||
|
'', |
||||||
|
null, |
||||||
|
]; |
||||||
|
|
||||||
|
// Array of random sample phone numbers
|
||||||
|
const phoneNumbers = [ |
||||||
|
'1-541-754-3010', |
||||||
|
'504-621-8927', |
||||||
|
'810-292-9388', |
||||||
|
'856-636-8749', |
||||||
|
'907-385-4412', |
||||||
|
'513-570-1893', |
||||||
|
'419-503-2484', |
||||||
|
'773-573-6914', |
||||||
|
'', |
||||||
|
null, |
||||||
|
]; |
||||||
|
|
||||||
|
// Array of random sample URLs
|
||||||
|
const urls = [ |
||||||
|
'https://www.google.com', |
||||||
|
'https://www.facebook.com', |
||||||
|
'https://www.youtube.com', |
||||||
|
'https://www.amazon.com', |
||||||
|
'https://www.wikipedia.org', |
||||||
|
'https://www.twitter.com', |
||||||
|
'https://www.instagram.com', |
||||||
|
'https://www.linkedin.com', |
||||||
|
'https://www.reddit.com', |
||||||
|
'https://www.tiktok.com', |
||||||
|
'https://www.pinterest.com', |
||||||
|
'https://www.netflix.com', |
||||||
|
'https://www.microsoft.com', |
||||||
|
'https://www.apple.com', |
||||||
|
'', |
||||||
|
null, |
||||||
|
]; |
||||||
|
|
||||||
|
const singleSelect = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec', null]; |
||||||
|
|
||||||
|
const multiSelect = ['jan,feb,mar', 'apr,may,jun', 'jul,aug,sep', 'oct,nov,dec', 'jan,feb,mar', null]; |
||||||
|
|
||||||
|
switch (column.uidt) { |
||||||
|
case UITypes.Number: |
||||||
|
case UITypes.Percent: |
||||||
|
return numbers[index % numbers.length]; |
||||||
|
case UITypes.Decimal: |
||||||
|
case UITypes.Currency: |
||||||
|
return decimals[index % decimals.length]; |
||||||
|
case UITypes.Duration: |
||||||
|
return duration[index % duration.length]; |
||||||
|
case UITypes.Rating: |
||||||
|
return rating[index % rating.length]; |
||||||
|
case UITypes.SingleLineText: |
||||||
|
return countries[index % countries.length]; |
||||||
|
case UITypes.Email: |
||||||
|
return emails[index % emails.length]; |
||||||
|
case UITypes.PhoneNumber: |
||||||
|
return phoneNumbers[index % phoneNumbers.length]; |
||||||
|
case UITypes.LongText: |
||||||
|
return longText[index % longText.length]; |
||||||
|
case UITypes.Date: |
||||||
|
return '2020-01-01'; |
||||||
|
case UITypes.URL: |
||||||
|
return urls[index % urls.length]; |
||||||
|
case UITypes.SingleSelect: |
||||||
|
return singleSelect[index % singleSelect.length]; |
||||||
|
case UITypes.MultiSelect: |
||||||
|
return multiSelect[index % multiSelect.length]; |
||||||
|
default: |
||||||
|
return `test-${index}`; |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
export { rowMixedValue }; |
||||||
@ -0,0 +1,417 @@ |
|||||||
|
import { test } from '@playwright/test'; |
||||||
|
import { DashboardPage } from '../pages/Dashboard'; |
||||||
|
import setup from '../setup'; |
||||||
|
import { ToolbarPage } from '../pages/Dashboard/common/Toolbar'; |
||||||
|
import { UITypes } from 'nocodb-sdk'; |
||||||
|
import { Api } from 'nocodb-sdk'; |
||||||
|
import { rowMixedValue } from '../setup/xcdb-records'; |
||||||
|
|
||||||
|
let dashboard: DashboardPage, toolbar: ToolbarPage; |
||||||
|
let context: any; |
||||||
|
let api: Api<any>; |
||||||
|
let records = []; |
||||||
|
const skipList = { |
||||||
|
Number: ['is null', 'is not null', 'is blank', 'is not blank'], |
||||||
|
Decimal: ['is null', 'is not null', 'is blank', 'is not blank'], |
||||||
|
Percent: ['is null', 'is not null', 'is blank', 'is not blank'], |
||||||
|
Currency: ['is null', 'is not null', 'is blank', 'is not blank'], |
||||||
|
Rating: ['is null', 'is not null', 'is blank', 'is not blank'], |
||||||
|
}; |
||||||
|
|
||||||
|
// define validateRowArray function
|
||||||
|
async function validateRowArray(param) { |
||||||
|
const { rowCount } = param; |
||||||
|
await dashboard.grid.verifyTotalRowCount({ count: rowCount }); |
||||||
|
|
||||||
|
// const { sequence, length, totalRowCount, column } = param;
|
||||||
|
//
|
||||||
|
// await dashboard.grid.verifyTotalRowCount({ count: totalRowCount });
|
||||||
|
//
|
||||||
|
// for (let j = 0; j < length; j++) {
|
||||||
|
// await dashboard.grid.cell.verify({
|
||||||
|
// index: j,
|
||||||
|
// columnHeader: column,
|
||||||
|
// value: sequence,
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
} |
||||||
|
|
||||||
|
async function verifyFilter(param: { column: string; opType: string; value?: string; result: { rowCount: number } }) { |
||||||
|
// if opType was included in skip list, skip it
|
||||||
|
if (skipList[param.column]?.includes(param.opType)) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
await toolbar.clickFilter(); |
||||||
|
await toolbar.filter.add({ |
||||||
|
columnTitle: param.column, |
||||||
|
opType: param.opType, |
||||||
|
value: param.value, |
||||||
|
isLocallySaved: false, |
||||||
|
}); |
||||||
|
await toolbar.clickFilter(); |
||||||
|
|
||||||
|
// verify filtered rows
|
||||||
|
await validateRowArray({ |
||||||
|
rowCount: param.result.rowCount, |
||||||
|
}); |
||||||
|
|
||||||
|
// Reset filter
|
||||||
|
await toolbar.filter.reset(); |
||||||
|
} |
||||||
|
|
||||||
|
test.describe('Filter Tests: Numerical', () => { |
||||||
|
test.beforeEach(async ({ page }) => { |
||||||
|
context = await setup({ page }); |
||||||
|
dashboard = new DashboardPage(page, context.project); |
||||||
|
toolbar = dashboard.grid.toolbar; |
||||||
|
|
||||||
|
api = new Api({ |
||||||
|
baseURL: `http://localhost:8080/`, |
||||||
|
headers: { |
||||||
|
'xc-auth': context.token, |
||||||
|
}, |
||||||
|
}); |
||||||
|
|
||||||
|
const columns = [ |
||||||
|
{ |
||||||
|
column_name: 'Id', |
||||||
|
title: 'Id', |
||||||
|
uidt: UITypes.ID, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Number', |
||||||
|
title: 'Number', |
||||||
|
uidt: UITypes.Number, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Decimal', |
||||||
|
title: 'Decimal', |
||||||
|
uidt: UITypes.Decimal, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Currency', |
||||||
|
title: 'Currency', |
||||||
|
uidt: UITypes.Currency, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Percent', |
||||||
|
title: 'Percent', |
||||||
|
uidt: UITypes.Percent, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Duration', |
||||||
|
title: 'Duration', |
||||||
|
uidt: UITypes.Duration, |
||||||
|
}, |
||||||
|
{ |
||||||
|
column_name: 'Rating', |
||||||
|
title: 'Rating', |
||||||
|
uidt: UITypes.Rating, |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
try { |
||||||
|
const project = await api.project.read(context.project.id); |
||||||
|
const table = await api.base.tableCreate(context.project.id, project.bases?.[0].id, { |
||||||
|
table_name: 'numberBased', |
||||||
|
title: 'numberBased', |
||||||
|
columns: columns, |
||||||
|
}); |
||||||
|
|
||||||
|
const rowAttributes = []; |
||||||
|
for (let i = 0; i < 400; i++) { |
||||||
|
const row = { |
||||||
|
Number: rowMixedValue(columns[1], i), |
||||||
|
Decimal: rowMixedValue(columns[2], i), |
||||||
|
Currency: rowMixedValue(columns[3], i), |
||||||
|
Percent: rowMixedValue(columns[4], i), |
||||||
|
Duration: rowMixedValue(columns[5], i), |
||||||
|
Rating: rowMixedValue(columns[6], i), |
||||||
|
}; |
||||||
|
rowAttributes.push(row); |
||||||
|
} |
||||||
|
|
||||||
|
await api.dbTableRow.bulkCreate('noco', context.project.id, table.id, rowAttributes); |
||||||
|
records = await api.dbTableRow.list('noco', context.project.id, table.id, { limit: 400 }); |
||||||
|
} catch (e) { |
||||||
|
console.error(e); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
test('Filter: Number', async () => { |
||||||
|
// close 'Team & Auth' tab
|
||||||
|
await dashboard.closeTab({ title: 'Team & Auth' }); |
||||||
|
await dashboard.treeView.openTable({ title: 'numberBased' }); |
||||||
|
const dataType = 'Number'; |
||||||
|
|
||||||
|
const filterList = [ |
||||||
|
{ |
||||||
|
op: '=', |
||||||
|
value: '33', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === 33).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '!=', |
||||||
|
value: '33', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== 33).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] > 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>=', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] >= 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] < 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<=', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] <= 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
for (let i = 0; i < filterList.length; i++) { |
||||||
|
await verifyFilter({ |
||||||
|
column: dataType, |
||||||
|
opType: filterList[i].op, |
||||||
|
value: filterList[i].value, |
||||||
|
result: { rowCount: filterList[i].rowCount }, |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
test('Filter: Decimal', async () => { |
||||||
|
// close 'Team & Auth' tab
|
||||||
|
await dashboard.closeTab({ title: 'Team & Auth' }); |
||||||
|
await dashboard.treeView.openTable({ title: 'numberBased' }); |
||||||
|
const dataType = 'Decimal'; |
||||||
|
|
||||||
|
const filterList = [ |
||||||
|
{ |
||||||
|
op: '=', |
||||||
|
value: '33.3', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === 33.3).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '!=', |
||||||
|
value: '33.3', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== 33.3).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] > 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>=', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] >= 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] < 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<=', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] <= 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
for (let i = 0; i < filterList.length; i++) { |
||||||
|
await verifyFilter({ |
||||||
|
column: dataType, |
||||||
|
opType: filterList[i].op, |
||||||
|
value: filterList[i].value, |
||||||
|
result: { rowCount: filterList[i].rowCount }, |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
test('Filter: Percent', async () => { |
||||||
|
// close 'Team & Auth' tab
|
||||||
|
await dashboard.closeTab({ title: 'Team & Auth' }); |
||||||
|
await dashboard.treeView.openTable({ title: 'numberBased' }); |
||||||
|
const dataType = 'Percent'; |
||||||
|
|
||||||
|
const filterList = [ |
||||||
|
{ |
||||||
|
op: '=', |
||||||
|
value: '33', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === 33).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '!=', |
||||||
|
value: '33', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== 33).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] > 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>=', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] >= 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] < 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<=', |
||||||
|
value: '44', |
||||||
|
rowCount: records.list.filter(r => r[dataType] <= 44 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
for (let i = 0; i < filterList.length; i++) { |
||||||
|
await verifyFilter({ |
||||||
|
column: dataType, |
||||||
|
opType: filterList[i].op, |
||||||
|
value: filterList[i].value, |
||||||
|
result: { rowCount: filterList[i].rowCount }, |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
test('Filter: Currency', async () => { |
||||||
|
// close 'Team & Auth' tab
|
||||||
|
await dashboard.closeTab({ title: 'Team & Auth' }); |
||||||
|
await dashboard.treeView.openTable({ title: 'numberBased' }); |
||||||
|
const dataType = 'Currency'; |
||||||
|
|
||||||
|
const filterList = [ |
||||||
|
{ |
||||||
|
op: '=', |
||||||
|
value: '33.3', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === 33.3).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '!=', |
||||||
|
value: '33.3', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== 33.3).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not null', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] === null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: 'is not blank', |
||||||
|
value: '', |
||||||
|
rowCount: records.list.filter(r => r[dataType] !== null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] > 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '>=', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] >= 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] < 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
{ |
||||||
|
op: '<=', |
||||||
|
value: '44.26', |
||||||
|
rowCount: records.list.filter(r => r[dataType] <= 44.26 && r[dataType] != null).length, |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
for (let i = 0; i < filterList.length; i++) { |
||||||
|
await verifyFilter({ |
||||||
|
column: dataType, |
||||||
|
opType: filterList[i].op, |
||||||
|
value: filterList[i].value, |
||||||
|
result: { rowCount: filterList[i].rowCount }, |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
}); |
||||||
Loading…
Reference in new issue