mirror of https://github.com/nocodb/nocodb
աɨռɢӄաօռɢ
2 years ago
committed by
GitHub
34 changed files with 13196 additions and 7110 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,950 @@
|
||||
import { expect, test } from '@playwright/test'; |
||||
import { DashboardPage } from '../../pages/Dashboard'; |
||||
import setup from '../../setup'; |
||||
import { knex } from 'knex'; |
||||
import { Api, UITypes } from 'nocodb-sdk'; |
||||
import { ProjectsPage } from '../../pages/ProjectsPage'; |
||||
import { isMysql, isPg, isSqlite } from '../../setup/db'; |
||||
import { getKnexConfig } from '../utils/config'; |
||||
let api: Api<any>, records: any[]; |
||||
|
||||
const columns = [ |
||||
{ |
||||
column_name: 'Id', |
||||
title: 'Id', |
||||
uidt: UITypes.ID, |
||||
ai: 1, |
||||
pk: 1, |
||||
}, |
||||
{ |
||||
column_name: 'DateTime', |
||||
title: 'DateTime', |
||||
uidt: UITypes.DateTime, |
||||
}, |
||||
]; |
||||
|
||||
const rowAttributes = [ |
||||
{ Id: 1, DateTime: '2021-01-01 00:00:00' }, |
||||
{ Id: 2, DateTime: '2021-01-01 04:00:00+04:00' }, |
||||
{ Id: 3, DateTime: '2020-12-31 20:00:00-04:00' }, |
||||
]; |
||||
|
||||
async function timezoneSuite(token?: string, skipTableCreate?: boolean) { |
||||
api = new Api({ |
||||
baseURL: `http://localhost:8080/`, |
||||
headers: { |
||||
'xc-auth': token, |
||||
}, |
||||
}); |
||||
|
||||
const projectList = await api.project.list(); |
||||
for (const project of projectList.list) { |
||||
// delete project with title 'xcdb' if it exists
|
||||
if (project.title === 'xcdb') { |
||||
await api.project.delete(project.id); |
||||
} |
||||
} |
||||
|
||||
const project = await api.project.create({ title: 'xcdb' }); |
||||
if (skipTableCreate) return { project }; |
||||
const table = await api.base.tableCreate(project.id, project.bases?.[0].id, { |
||||
table_name: 'dateTimeTable', |
||||
title: 'dateTimeTable', |
||||
columns: columns, |
||||
}); |
||||
|
||||
return { project, table }; |
||||
} |
||||
|
||||
async function connectToExtDb(context: any) { |
||||
if (isPg(context)) { |
||||
await api.base.create(context.project.id, { |
||||
alias: 'datetimetable', |
||||
type: 'pg', |
||||
config: getKnexConfig({ dbName: 'datetimetable', dbType: 'pg' }), |
||||
inflection_column: 'camelize', |
||||
inflection_table: 'camelize', |
||||
}); |
||||
} else if (isMysql(context)) { |
||||
await api.base.create(context.project.id, { |
||||
alias: 'datetimetable', |
||||
type: 'mysql2', |
||||
config: getKnexConfig({ dbName: 'datetimetable', dbType: 'mysql' }), |
||||
inflection_column: 'camelize', |
||||
inflection_table: 'camelize', |
||||
}); |
||||
} else if (isSqlite(context)) { |
||||
await api.base.create(context.project.id, { |
||||
alias: 'datetimetable', |
||||
type: 'sqlite3', |
||||
config: { |
||||
client: 'sqlite3', |
||||
connection: { |
||||
client: 'sqlite3', |
||||
database: 'datetimetable', |
||||
connection: { |
||||
filename: '../../tests/playwright/mydb.sqlite3', |
||||
}, |
||||
useNullAsDefault: true, |
||||
}, |
||||
}, |
||||
inflection_column: 'camelize', |
||||
inflection_table: 'camelize', |
||||
}); |
||||
} |
||||
} |
||||
|
||||
test.describe('Timezone : Japan/Tokyo', () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page, isEmptyProject: true }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
if (!isSqlite(context)) return; |
||||
|
||||
try { |
||||
const { project, table } = await timezoneSuite(context.token); |
||||
|
||||
await api.dbTableRow.bulkCreate('noco', project.id, table.id, rowAttributes); |
||||
records = await api.dbTableRow.list('noco', project.id, table.id, { limit: 10 }); |
||||
} catch (e) { |
||||
console.error(e); |
||||
} |
||||
|
||||
await page.reload(); |
||||
}); |
||||
|
||||
// DST independent test
|
||||
test.use({ |
||||
locale: 'ja-JP', // Change to Japanese locale
|
||||
timezoneId: 'Asia/Tokyo', // Set timezone to Tokyo timezone
|
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the display value of DateTime column in the grid |
||||
* when the timezone is set to Asia/Tokyo |
||||
* |
||||
* The test inserts 3 rows using API |
||||
* 1. DateTime inserted without timezone |
||||
* 2. DateTime inserted with timezone (UTC+4) |
||||
* 3. DateTime inserted with timezone (UTC-4) |
||||
* |
||||
* Expected display values: |
||||
* Display value is converted to Asia/Tokyo |
||||
*/ |
||||
test('API insert, verify display value', async () => { |
||||
if (!isSqlite(context)) return; |
||||
|
||||
await dashboard.clickHome(); |
||||
const projectsPage = new ProjectsPage(dashboard.rootPage); |
||||
await projectsPage.openProject({ title: 'xcdb', withoutPrefix: true }); |
||||
|
||||
await dashboard.treeView.openTable({ title: 'dateTimeTable' }); |
||||
|
||||
// DateTime inserted using API without timezone is converted to UTC
|
||||
// Display value is converted to Asia/Tokyo
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 0, columnHeader: 'DateTime', value: '2021-01-01 09:00' }); |
||||
|
||||
// DateTime inserted using API with timezone is converted to UTC
|
||||
// Display value is converted to Asia/Tokyo
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 1, columnHeader: 'DateTime', value: '2021-01-01 09:00' }); |
||||
await dashboard.grid.cell.verifyDateCell({ index: 2, columnHeader: 'DateTime', value: '2021-01-01 09:00' }); |
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the API read response of DateTime column |
||||
* when the timezone is set to Asia/Tokyo |
||||
* |
||||
* The test inserts 3 rows using API |
||||
* 1. DateTime inserted without timezone |
||||
* 2. DateTime inserted with timezone (UTC+4) |
||||
* 3. DateTime inserted with timezone (UTC-4) |
||||
* |
||||
* Expected API response: |
||||
* API response is in UTC |
||||
*/ |
||||
|
||||
test('API Insert, verify API read response', async () => { |
||||
if (!isSqlite(context)) return; |
||||
|
||||
// UTC expected response
|
||||
const dateUTC = ['2021-01-01 00:00:00+00:00', '2021-01-01 00:00:00+00:00', '2021-01-01 00:00:00+00:00']; |
||||
|
||||
const readDate = records.list.map(record => record.DateTime); |
||||
|
||||
// expect API response to be in UTC
|
||||
expect(readDate).toEqual(dateUTC); |
||||
}); |
||||
}); |
||||
|
||||
// Change browser timezone & locale to Asia/Hong-Kong
|
||||
//
|
||||
test.describe('Timezone : Asia/Hong-kong', () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page, isEmptyProject: true }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
|
||||
try { |
||||
const { project, table } = await timezoneSuite(context.token); |
||||
await api.dbTableRow.bulkCreate('noco', project.id, table.id, rowAttributes); |
||||
} catch (e) { |
||||
console.error(e); |
||||
} |
||||
|
||||
await page.reload(); |
||||
}); |
||||
|
||||
test.use({ |
||||
locale: 'zh-HK', |
||||
timezoneId: 'Asia/Hong_Kong', |
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the display value of DateTime column in the grid |
||||
* when the timezone is set to Asia/Hong-Kong |
||||
* |
||||
* The test inserts 3 rows using API |
||||
* 1. DateTime inserted without timezone |
||||
* 2. DateTime inserted with timezone (UTC+4) |
||||
* 3. DateTime inserted with timezone (UTC-4) |
||||
* |
||||
* Expected display values: |
||||
* Display value is converted to Asia/Hong-Kong |
||||
*/ |
||||
test('API inserted, verify display value', async () => { |
||||
await dashboard.clickHome(); |
||||
const projectsPage = new ProjectsPage(dashboard.rootPage); |
||||
await projectsPage.openProject({ title: 'xcdb', withoutPrefix: true }); |
||||
|
||||
await dashboard.treeView.openTable({ title: 'dateTimeTable' }); |
||||
|
||||
// DateTime inserted using API without timezone is converted to UTC
|
||||
// Display value is converted to Asia/Hong_Kong
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 0, columnHeader: 'DateTime', value: '2021-01-01 08:00' }); |
||||
|
||||
// DateTime inserted using API with timezone is converted to UTC
|
||||
// Display value is converted to Asia/Hong_Kong
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 1, columnHeader: 'DateTime', value: '2021-01-01 08:00' }); |
||||
await dashboard.grid.cell.verifyDateCell({ index: 2, columnHeader: 'DateTime', value: '2021-01-01 08:00' }); |
||||
}); |
||||
}); |
||||
|
||||
test.describe('Timezone', () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
test.use({ |
||||
locale: 'zh-HK', |
||||
timezoneId: 'Asia/Hong_Kong', |
||||
}); |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page, isEmptyProject: true }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
if (!isSqlite(context)) return; |
||||
|
||||
const { project } = await timezoneSuite(context.token, true); |
||||
context.project = project; |
||||
|
||||
// Using API for test preparation was not working
|
||||
// Hence switched over to UI based table creation
|
||||
|
||||
await dashboard.clickHome(); |
||||
const projectsPage = new ProjectsPage(dashboard.rootPage); |
||||
await projectsPage.openProject({ title: 'xcdb', withoutPrefix: true }); |
||||
|
||||
await dashboard.treeView.createTable({ title: 'dateTimeTable', mode: 'Xcdb' }); |
||||
await dashboard.grid.column.create({ |
||||
title: 'DateTime', |
||||
type: 'DateTime', |
||||
dateFormat: 'YYYY-MM-DD', |
||||
timeFormat: 'HH:mm', |
||||
}); |
||||
|
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 0, |
||||
columnHeader: 'DateTime', |
||||
dateTime: '2021-01-01 08:00:00', |
||||
}); |
||||
|
||||
// await dashboard.rootPage.reload();
|
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the display value & API response of DateTime column in the grid |
||||
* when the value inserted is from the UI |
||||
* |
||||
* Note: Timezone for this test is set as Asia/Hong-Kong |
||||
* |
||||
* 1. Create table with DateTime column |
||||
* 2. Insert DateTime value from UI '2021-01-01 08:00:00' |
||||
* 3. Verify display value : should be '2021-01-01 08:00:00' |
||||
* 4. Verify API response, expect UTC : should be '2021-01-01 00:00:00' |
||||
* |
||||
*/ |
||||
test('Cell insert', async () => { |
||||
if (!isSqlite(context)) return; |
||||
|
||||
// Verify stored value in database is UTC
|
||||
records = await api.dbTableRow.list('noco', context.project.id, 'dateTimeTable', { limit: 10 }); |
||||
|
||||
const readDate = records.list[0].DateTime; |
||||
// skip seconds from readDate
|
||||
// stored value expected to be in UTC
|
||||
expect(readDate.slice(0, 16)).toEqual('2021-01-01 00:00'); |
||||
|
||||
// DateTime inserted from cell is converted to UTC & stored
|
||||
// Display value is same as inserted value
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 0, columnHeader: 'DateTime', value: '2021-01-01 08:00' }); |
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the display value & API response of DateTime column in the grid |
||||
* when the value inserted is from expanded record |
||||
* |
||||
* Note: Timezone for this test is set as Asia/Hong-Kong |
||||
* |
||||
* 1. Create table with DateTime column |
||||
* 2. Insert DateTime value from UI '2021-01-01 08:00:00' |
||||
* 3. Expand record & update DateTime value to '2021-02-02 12:30:00' |
||||
* 4. Verify display value : should be '2021-02-02 12:30:00' |
||||
* 5. Verify API response, expect UTC : should be '2021-02-02 04:30:00' |
||||
* |
||||
*/ |
||||
test('Expanded record insert', async () => { |
||||
if (!isSqlite(context)) return; |
||||
|
||||
await dashboard.grid.openExpandedRow({ index: 0 }); |
||||
await dashboard.expandedForm.fillField({ |
||||
columnTitle: 'DateTime', |
||||
value: '2021-02-02 12:30:00', |
||||
type: 'dateTime', |
||||
}); |
||||
await dashboard.expandedForm.save(); |
||||
|
||||
records = await api.dbTableRow.list('noco', context.project.id, 'dateTimeTable', { limit: 10 }); |
||||
const readDate = records.list[0].DateTime; |
||||
// skip seconds from readDate
|
||||
// stored value expected to be in UTC
|
||||
expect(readDate.slice(0, 16)).toEqual('2021-02-02 04:30'); |
||||
|
||||
// DateTime inserted from cell is converted to UTC & stored
|
||||
// Display value is same as inserted value
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 0, columnHeader: 'DateTime', value: '2021-02-02 12:30' }); |
||||
}); |
||||
|
||||
/* |
||||
* This test is to verify the display value & API response of DateTime column in the grid |
||||
* when the value inserted is from copy and paste |
||||
* |
||||
* Note: Timezone for this test is set as Asia/Hong-Kong |
||||
* |
||||
* 1. Create table with DateTime column |
||||
* 2. Insert DateTime value from UI '2021-01-01 08:00:00' |
||||
* 3. Add new row & copy and paste DateTime value to '2021-01-01 08:00:00' |
||||
* 4. Verify display value : should be '2021-01-01 08:00:00' |
||||
* 5. Verify API response, expect UTC : should be '2021-01-01 00:00:00' |
||||
* |
||||
*/ |
||||
test('Copy paste', async () => { |
||||
if (!isSqlite(context)) return; |
||||
|
||||
await dashboard.grid.addNewRow({ index: 1, columnHeader: 'Title', value: 'Copy paste test' }); |
||||
|
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.rootPage.waitForTimeout(1000); |
||||
await dashboard.grid.cell.copyToClipboard( |
||||
{ |
||||
index: 0, |
||||
columnHeader: 'DateTime', |
||||
}, |
||||
{ position: { x: 1, y: 1 } } |
||||
); |
||||
|
||||
expect(await dashboard.grid.cell.getClipboardText()).toBe('2021-01-01 08:00'); |
||||
await dashboard.grid.cell.pasteFromClipboard({ index: 1, columnHeader: 'DateTime' }); |
||||
|
||||
records = await api.dbTableRow.list('noco', context.project.id, 'dateTimeTable', { limit: 10 }); |
||||
const readDate = records.list[1].DateTime; |
||||
// skip seconds from readDate
|
||||
// stored value expected to be in UTC
|
||||
expect(readDate.slice(0, 16)).toEqual('2021-01-01 00:00'); |
||||
|
||||
// DateTime inserted from cell is converted to UTC & stored
|
||||
// Display value is same as inserted value
|
||||
await dashboard.grid.cell.verifyDateCell({ index: 1, columnHeader: 'DateTime', value: '2021-01-01 08:00' }); |
||||
}); |
||||
}); |
||||
|
||||
async function createTableWithDateTimeColumn(database: string, setTz = false) { |
||||
if (database === 'pg') { |
||||
const config = getKnexConfig({ dbName: 'postgres', dbType: 'pg' }); |
||||
|
||||
const pgknex = knex(config); |
||||
await pgknex.raw(`DROP DATABASE IF EXISTS datetimetable`); |
||||
await pgknex.raw(`CREATE DATABASE datetimetable`); |
||||
await pgknex.destroy(); |
||||
|
||||
const config2 = getKnexConfig({ dbName: 'datetimetable', dbType: 'pg' }); |
||||
|
||||
const pgknex2 = knex(config2); |
||||
await pgknex2.raw(` |
||||
CREATE TABLE my_table ( |
||||
title SERIAL PRIMARY KEY, |
||||
datetime_without_tz TIMESTAMP WITHOUT TIME ZONE, |
||||
datetime_with_tz TIMESTAMP WITH TIME ZONE |
||||
); |
||||
-- SET timezone = 'Asia/Hong_Kong'; |
||||
-- SELECT pg_sleep(1); |
||||
INSERT INTO my_table (datetime_without_tz, datetime_with_tz) |
||||
VALUES |
||||
('2023-04-27 10:00:00', '2023-04-27 10:00:00'), |
||||
('2023-04-27 10:00:00+05:30', '2023-04-27 10:00:00+05:30'); |
||||
`);
|
||||
await pgknex2.destroy(); |
||||
} else if (database === 'mysql') { |
||||
const config = getKnexConfig({ dbName: 'sakila', dbType: 'mysql' }); |
||||
|
||||
const mysqlknex = knex(config); |
||||
await mysqlknex.raw(`DROP DATABASE IF EXISTS datetimetable`); |
||||
await mysqlknex.raw(`CREATE DATABASE datetimetable`); |
||||
|
||||
if (setTz) { |
||||
await mysqlknex.raw(`SET GLOBAL time_zone = '+08:00'`); |
||||
// wait for 1 second for the timezone to be set
|
||||
await mysqlknex.raw(`SELECT SLEEP(1)`); |
||||
} |
||||
await mysqlknex.destroy(); |
||||
|
||||
const config2 = getKnexConfig({ dbName: 'datetimetable', dbType: 'mysql' }); |
||||
|
||||
const mysqlknex2 = knex(config2); |
||||
await mysqlknex2.raw(` |
||||
USE datetimetable; |
||||
CREATE TABLE my_table ( |
||||
title INT AUTO_INCREMENT PRIMARY KEY, |
||||
datetime_without_tz DATETIME, |
||||
datetime_with_tz TIMESTAMP |
||||
); |
||||
INSERT INTO my_table (datetime_without_tz, datetime_with_tz) |
||||
VALUES |
||||
('2023-04-27 10:00:00', '2023-04-27 10:00:00'), |
||||
('2023-04-27 10:00:00+05:30', '2023-04-27 10:00:00+05:30'); |
||||
`);
|
||||
await mysqlknex2.destroy(); |
||||
} else if (database === 'sqlite') { |
||||
const config = getKnexConfig({ dbName: 'mydb', dbType: 'sqlite' }); |
||||
|
||||
// SQLite supports just one type of datetime
|
||||
// Timezone information, if specified is stored as is in the database
|
||||
// https://www.sqlite.org/lang_datefunc.html
|
||||
|
||||
const sqliteknex = knex(config); |
||||
await sqliteknex.raw(`DROP TABLE IF EXISTS my_table`); |
||||
await sqliteknex.raw(` |
||||
CREATE TABLE my_table ( |
||||
title INTEGER PRIMARY KEY AUTOINCREMENT, |
||||
datetime_without_tz DATETIME, |
||||
datetime_with_tz DATETIME )`);
|
||||
const datetimeData = [ |
||||
['2023-04-27 10:00:00', '2023-04-27 10:00:00'], |
||||
['2023-04-27 10:00:00+05:30', '2023-04-27 10:00:00+05:30'], |
||||
]; |
||||
for (const data of datetimeData) { |
||||
await sqliteknex('my_table').insert({ |
||||
datetime_without_tz: data[0], |
||||
datetime_with_tz: data[1], |
||||
}); |
||||
} |
||||
await sqliteknex.destroy(); |
||||
} |
||||
} |
||||
|
||||
function getDateTimeInLocalTimeZone(dateString: string) { |
||||
// create a Date object with the input string
|
||||
// assumes local system timezone
|
||||
const date = new Date(dateString); |
||||
|
||||
// get the timezone offset in minutes and convert to milliseconds
|
||||
// subtract the offset from the provided time in milliseconds for IST
|
||||
const offsetMs = date.getTimezoneOffset() * 60 * 1000; |
||||
|
||||
// adjust the date by the offset
|
||||
const adjustedDate = new Date(date.getTime() - offsetMs); |
||||
|
||||
// format the adjusted date as a string in the desired format
|
||||
const outputString = adjustedDate.toISOString().slice(0, 16).replace('T', ' '); |
||||
|
||||
// output the result
|
||||
return outputString; |
||||
} |
||||
|
||||
function getDateTimeInUTCTimeZone(dateString: string) { |
||||
// create a Date object with the input string
|
||||
const date = new Date(dateString); |
||||
|
||||
// get the timezone offset in minutes and convert to milliseconds
|
||||
// subtract the offset from the provided time in milliseconds for IST
|
||||
// const offsetMs = date.getTimezoneOffset() * 60 * 1000;
|
||||
|
||||
// adjust the date by the offset
|
||||
// const adjustedDate = new Date(date.getTime() + offsetMs);
|
||||
const adjustedDate = new Date(date.getTime()); |
||||
|
||||
// format the adjusted date as a string in the desired format
|
||||
const outputString = adjustedDate.toISOString().slice(0, 19).replace('T', ' '); |
||||
|
||||
// output the result
|
||||
return `${outputString}+00:00`; |
||||
} |
||||
|
||||
test.describe.serial('External DB - DateTime column', async () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
const expectedDisplayValues = { |
||||
pg: { |
||||
// PG ignores timezone information for datetime without timezone
|
||||
DatetimeWithoutTz: [ |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+00:00'), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+00:00'), |
||||
], |
||||
// PG stores datetime with timezone information in UTC
|
||||
DatetimeWithTz: [ |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+00:00'), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+05:30'), |
||||
], |
||||
}, |
||||
sqlite: { |
||||
// without +HH:MM information, display value is same as inserted value
|
||||
// with +HH:MM information, display value is converted to browser timezone
|
||||
// SQLite doesn't have with & without timezone fields; both are same in this case
|
||||
DatetimeWithoutTz: [ |
||||
getDateTimeInLocalTimeZone(`2023-04-27 10:00:00`), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+05:30'), |
||||
], |
||||
DatetimeWithTz: [ |
||||
getDateTimeInLocalTimeZone(`2023-04-27 10:00:00`), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+05:30'), |
||||
], |
||||
}, |
||||
mysql: { |
||||
DatetimeWithoutTz: [ |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+00:00'), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+05:30'), |
||||
], |
||||
DatetimeWithTz: [ |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+00:00'), |
||||
getDateTimeInLocalTimeZone('2023-04-27 10:00:00+05:30'), |
||||
], |
||||
}, |
||||
}; |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page, isEmptyProject: true }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
|
||||
api = new Api({ |
||||
baseURL: `http://localhost:8080/`, |
||||
headers: { |
||||
'xc-auth': context.token, |
||||
}, |
||||
}); |
||||
|
||||
await createTableWithDateTimeColumn(context.dbType); |
||||
}); |
||||
|
||||
test('Formula, verify display value', async () => { |
||||
await connectToExtDb(context); |
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.rootPage.waitForTimeout(2000); |
||||
|
||||
// insert a record to work with formula experiments
|
||||
//
|
||||
await dashboard.treeView.openBase({ title: 'datetimetable' }); |
||||
await dashboard.treeView.openTable({ title: 'MyTable' }); |
||||
// Insert new row
|
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
await dashboard.rootPage.waitForTimeout(1000); |
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
|
||||
// Create formula column (dummy)
|
||||
api = new Api({ |
||||
baseURL: `http://localhost:8080/`, |
||||
headers: { |
||||
'xc-auth': context.token, |
||||
}, |
||||
}); |
||||
const table = await api.dbTable.list(context.project.id); |
||||
let table_data: any; |
||||
table_data = await api.dbTableColumn.create(table.list.find(x => x.title === 'MyTable').id, { |
||||
title: 'formula-1', |
||||
uidt: UITypes.Formula, |
||||
formula_raw: '0', |
||||
}); |
||||
table_data = await api.dbTableColumn.create(table.list.find(x => x.title === 'MyTable').id, { |
||||
title: 'formula-2', |
||||
uidt: UITypes.Formula, |
||||
formula_raw: '0', |
||||
}); |
||||
|
||||
async function verifyFormula({ |
||||
formula, |
||||
expectedDisplayValue, |
||||
}: { |
||||
formula: string[]; |
||||
expectedDisplayValue: string[]; |
||||
}) { |
||||
// Update formula column to compute "month" instead of "day"
|
||||
await api.dbTableColumn.update(table_data.columns[3].id, { |
||||
title: 'formula-1', |
||||
column_name: 'formula-1', |
||||
uidt: UITypes.Formula, |
||||
formula_raw: formula[0], |
||||
}); |
||||
await dashboard.rootPage.waitForTimeout(1000); |
||||
await api.dbTableColumn.update(table_data.columns[4].id, { |
||||
title: 'formula-2', |
||||
column_name: 'formula-2', |
||||
uidt: UITypes.Formula, |
||||
formula_raw: formula[1], |
||||
}); |
||||
|
||||
// reload page
|
||||
await dashboard.rootPage.reload(); |
||||
|
||||
await dashboard.grid.cell.verify({ |
||||
index: 2, |
||||
columnHeader: 'formula-1', |
||||
value: expectedDisplayValue[0], |
||||
}); |
||||
await dashboard.grid.cell.verify({ |
||||
index: 2, |
||||
columnHeader: 'formula-2', |
||||
value: expectedDisplayValue[1], |
||||
}); |
||||
} |
||||
|
||||
// verify display value for formula columns (formula-1, formula-2)
|
||||
await verifyFormula({ |
||||
formula: ['DATEADD(DatetimeWithoutTz, 1, "day")', 'DATEADD(DatetimeWithTz, 1, "day")'], |
||||
expectedDisplayValue: ['2023-04-28 10:00', '2023-04-28 10:00'], |
||||
}); |
||||
await verifyFormula({ |
||||
formula: ['DATEADD(DatetimeWithoutTz, 1, "month")', 'DATEADD(DatetimeWithTz, 1, "month")'], |
||||
expectedDisplayValue: ['2023-05-27 10:00', '2023-05-27 10:00'], |
||||
}); |
||||
await verifyFormula({ |
||||
formula: ['DATEADD(DatetimeWithoutTz, 1, "year")', 'DATEADD(DatetimeWithTz, 1, "year")'], |
||||
expectedDisplayValue: ['2024-04-27 10:00', '2024-04-27 10:00'], |
||||
}); |
||||
|
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
dateTime: '2024-04-27 10:00:00', |
||||
}); |
||||
|
||||
if (!isSqlite(context)) { |
||||
// SQLite : output is in decimal format; MySQL & Postgres : output is in integer format
|
||||
await verifyFormula({ |
||||
formula: [ |
||||
'DATETIME_DIFF({DatetimeWithoutTz}, {DatetimeWithTz}, "days")', |
||||
'DATETIME_DIFF({DatetimeWithTz}, {DatetimeWithoutTz}, "days")', |
||||
], |
||||
expectedDisplayValue: ['-366', '366'], |
||||
}); |
||||
|
||||
await verifyFormula({ |
||||
formula: [ |
||||
'DATETIME_DIFF({DatetimeWithoutTz}, {DatetimeWithTz}, "months")', |
||||
'DATETIME_DIFF({DatetimeWithTz}, {DatetimeWithoutTz}, "months")', |
||||
], |
||||
expectedDisplayValue: ['-12', '12'], |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
test('Verify display value, UI insert, API response', async () => { |
||||
await connectToExtDb(context); |
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.rootPage.waitForTimeout(2000); |
||||
|
||||
// get timezone offset
|
||||
const timezoneOffset = new Date().getTimezoneOffset(); |
||||
const hours = Math.floor(Math.abs(timezoneOffset) / 60); |
||||
const minutes = Math.abs(timezoneOffset % 60); |
||||
const sign = timezoneOffset <= 0 ? '+' : '-'; |
||||
const formattedOffset = `${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`; |
||||
|
||||
await dashboard.treeView.openBase({ title: 'datetimetable' }); |
||||
await dashboard.treeView.openTable({ title: 'MyTable' }); |
||||
|
||||
if (isSqlite(context)) { |
||||
expectedDisplayValues['sqlite'].DatetimeWithoutTz[0] = getDateTimeInLocalTimeZone( |
||||
`2023-04-27 10:00:00${formattedOffset}` |
||||
); |
||||
expectedDisplayValues['sqlite'].DatetimeWithTz[0] = getDateTimeInLocalTimeZone( |
||||
`2023-04-27 10:00:00${formattedOffset}` |
||||
); |
||||
} |
||||
|
||||
// display value for datetime column without tz should be same as stored value
|
||||
// display value for datetime column with tz should be converted to browser timezone (HK in this case)
|
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 0, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: expectedDisplayValues[context.dbType].DatetimeWithoutTz[0], |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 1, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: expectedDisplayValues[context.dbType].DatetimeWithoutTz[1], |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 0, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: expectedDisplayValues[context.dbType].DatetimeWithTz[0], |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 1, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: expectedDisplayValues[context.dbType].DatetimeWithTz[1], |
||||
}); |
||||
|
||||
// Insert new row
|
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
await dashboard.rootPage.waitForTimeout(1000); |
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
|
||||
// reload page & verify if inserted values are shown correctly
|
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: '2023-04-27 10:00', |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: '2023-04-27 10:00', |
||||
}); |
||||
|
||||
// verify API response
|
||||
// Note that, for UI inserted records - second part of datetime may be non-zero (though not shown in UI)
|
||||
// Hence, we skip seconds from API response
|
||||
//
|
||||
|
||||
const records = await api.dbTableRow.list('noco', context.project.id, 'MyTable', { limit: 10 }); |
||||
let dateTimeWithoutTz = records.list.map(record => record.DatetimeWithoutTz); |
||||
let dateTimeWithTz = records.list.map(record => record.DatetimeWithTz); |
||||
|
||||
let expectedDateTimeWithoutTz = []; |
||||
let expectedDateTimeWithTz = []; |
||||
|
||||
if (isSqlite(context)) { |
||||
expectedDateTimeWithoutTz = [ |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
getDateTimeInUTCTimeZone('2023-04-27 10:00:00+05:30'), |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
expectedDateTimeWithTz = [ |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
getDateTimeInUTCTimeZone('2023-04-27 10:00:00+05:30'), |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
} else if (isPg(context)) { |
||||
expectedDateTimeWithoutTz = [ |
||||
'2023-04-27 10:00:00+00:00', |
||||
'2023-04-27 10:00:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
expectedDateTimeWithTz = [ |
||||
'2023-04-27 10:00:00+00:00', |
||||
'2023-04-27 04:30:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
} else if (isMysql(context)) { |
||||
expectedDateTimeWithoutTz = [ |
||||
'2023-04-27 10:00:00+00:00', |
||||
'2023-04-27 04:30:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
expectedDateTimeWithTz = [ |
||||
'2023-04-27 10:00:00+00:00', |
||||
'2023-04-27 04:30:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
} |
||||
|
||||
// reset seconds to 00 using string functions in dateTimeWithoutTz
|
||||
dateTimeWithoutTz = dateTimeWithoutTz.map( |
||||
dateTimeString => dateTimeString.substring(0, 17) + '00' + dateTimeString.substring(19) |
||||
); |
||||
dateTimeWithTz = dateTimeWithTz.map( |
||||
dateTimeString => dateTimeString.substring(0, 17) + '00' + dateTimeString.substring(19) |
||||
); |
||||
|
||||
console.log('dateTimeWithoutTz', dateTimeWithoutTz); |
||||
console.log('dateTimeWithTz', dateTimeWithTz); |
||||
|
||||
expect(dateTimeWithoutTz).toEqual(expectedDateTimeWithoutTz); |
||||
expect(dateTimeWithTz).toEqual(expectedDateTimeWithTz); |
||||
}); |
||||
}); |
||||
|
||||
test.describe('Ext DB MySQL : DB Timezone configured as HKT', () => { |
||||
let dashboard: DashboardPage; |
||||
let context: any; |
||||
|
||||
test.beforeEach(async ({ page }) => { |
||||
context = await setup({ page, isEmptyProject: true }); |
||||
dashboard = new DashboardPage(page, context.project); |
||||
if (!isMysql(context)) { |
||||
return; |
||||
} |
||||
|
||||
api = new Api({ |
||||
baseURL: `http://localhost:8080/`, |
||||
headers: { |
||||
'xc-auth': context.token, |
||||
}, |
||||
}); |
||||
|
||||
await createTableWithDateTimeColumn(context.dbType, true); |
||||
}); |
||||
|
||||
test.afterEach(async () => { |
||||
if (isMysql(context)) { |
||||
// Reset DB Timezone
|
||||
const config = getKnexConfig({ dbName: 'sakila', dbType: 'mysql' }); |
||||
const mysqlknex = knex(config); |
||||
await mysqlknex.raw(`SET GLOBAL time_zone = '+00:00'`); |
||||
await mysqlknex.destroy(); |
||||
} |
||||
}); |
||||
|
||||
test('Ext DB MySQL : DB Timezone configured as HKT', async () => { |
||||
if (!isMysql(context)) { |
||||
return; |
||||
} |
||||
|
||||
// get timezone offset
|
||||
const timezoneOffset = new Date().getTimezoneOffset(); |
||||
const hours = Math.floor(Math.abs(timezoneOffset) / 60); |
||||
const minutes = Math.abs(timezoneOffset % 60); |
||||
const sign = timezoneOffset <= 0 ? '+' : '-'; |
||||
const formattedOffset = `${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`; |
||||
|
||||
// connect after timezone is set
|
||||
await connectToExtDb(context); |
||||
|
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.rootPage.waitForTimeout(2000); |
||||
|
||||
await dashboard.treeView.openBase({ title: 'datetimetable' }); |
||||
await dashboard.treeView.openTable({ title: 'MyTable' }); |
||||
|
||||
// display value for datetime column without tz should be same as stored value
|
||||
// display value for datetime column with tz should be converted to browser timezone (HK in this case)
|
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 0, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: getDateTimeInLocalTimeZone('2023-04-27 10:00+08:00'), |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 1, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: getDateTimeInLocalTimeZone('2023-04-27 10:00+05:30'), |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 0, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: getDateTimeInLocalTimeZone('2023-04-27 10:00+08:00'), |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 1, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: getDateTimeInLocalTimeZone('2023-04-27 10:00+05:30'), |
||||
}); |
||||
|
||||
// Insert new row
|
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
await dashboard.grid.cell.dateTime.setDateTime({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
dateTime: '2023-04-27 10:00:00', |
||||
}); |
||||
|
||||
// reload page & verify if inserted values are shown correctly
|
||||
await dashboard.rootPage.reload(); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithoutTz', |
||||
value: '2023-04-27 10:00', |
||||
}); |
||||
await dashboard.grid.cell.verifyDateCell({ |
||||
index: 2, |
||||
columnHeader: 'DatetimeWithTz', |
||||
value: '2023-04-27 10:00', |
||||
}); |
||||
|
||||
// verify API response
|
||||
// Note that, for UI inserted records - second part of datetime may be non-zero (though not shown in UI)
|
||||
// Hence, we skip seconds from API response
|
||||
//
|
||||
|
||||
const records = await api.dbTableRow.list('sakila', context.project.id, 'MyTable', { limit: 10 }); |
||||
let dateTimeWithoutTz = records.list.map(record => record.DatetimeWithoutTz); |
||||
let dateTimeWithTz = records.list.map(record => record.DatetimeWithTz); |
||||
|
||||
const expectedDateTimeWithoutTz = [ |
||||
'2023-04-27 02:00:00+00:00', |
||||
'2023-04-27 04:30:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
const expectedDateTimeWithTz = [ |
||||
'2023-04-27 02:00:00+00:00', |
||||
'2023-04-27 04:30:00+00:00', |
||||
getDateTimeInUTCTimeZone(`2023-04-27 10:00:00${formattedOffset}`), |
||||
]; |
||||
|
||||
// reset seconds to 00 using string functions in dateTimeWithoutTz
|
||||
dateTimeWithoutTz = dateTimeWithoutTz.map( |
||||
dateTimeString => dateTimeString.substring(0, 17) + '00' + dateTimeString.substring(19) |
||||
); |
||||
dateTimeWithTz = dateTimeWithTz.map( |
||||
dateTimeString => dateTimeString.substring(0, 17) + '00' + dateTimeString.substring(19) |
||||
); |
||||
|
||||
console.log('dateTimeWithoutTz', dateTimeWithoutTz); |
||||
console.log('dateTimeWithTz', dateTimeWithTz); |
||||
|
||||
expect(dateTimeWithoutTz).toEqual(expectedDateTimeWithoutTz); |
||||
expect(dateTimeWithTz).toEqual(expectedDateTimeWithTz); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,48 @@
|
||||
const knexConfig = { |
||||
pg: { |
||||
client: 'pg', |
||||
connection: { |
||||
host: 'localhost', |
||||
port: 5432, |
||||
user: 'postgres', |
||||
password: 'password', |
||||
database: 'postgres', |
||||
multipleStatements: true, |
||||
}, |
||||
searchPath: ['public', 'information_schema'], |
||||
pool: { min: 0, max: 5 }, |
||||
}, |
||||
mysql: { |
||||
client: 'mysql2', |
||||
connection: { |
||||
host: 'localhost', |
||||
port: 3306, |
||||
user: 'root', |
||||
password: 'password', |
||||
database: 'sakila', |
||||
multipleStatements: true, |
||||
}, |
||||
pool: { min: 0, max: 5 }, |
||||
}, |
||||
sqlite: { |
||||
client: 'sqlite3', |
||||
connection: { |
||||
filename: './mydb.sqlite3', |
||||
}, |
||||
useNullAsDefault: true, |
||||
pool: { min: 0, max: 5 }, |
||||
}, |
||||
}; |
||||
|
||||
function getKnexConfig({ dbName, dbType }: { dbName: string; dbType: string }) { |
||||
const config = knexConfig[dbType]; |
||||
|
||||
if (dbType === 'sqlite') { |
||||
config.connection.filename = `./${dbName}.sqlite3`; |
||||
return config; |
||||
} |
||||
config.connection.database = dbName; |
||||
return config; |
||||
} |
||||
|
||||
export { getKnexConfig }; |
||||
Loading…
Reference in new issue