mirror of https://github.com/nocodb/nocodb
Wing-Kam Wong
3 years ago
17 changed files with 859 additions and 29 deletions
@ -0,0 +1,69 @@
|
||||
<template> |
||||
<input |
||||
v-model="localValue" |
||||
:placeholder="durationPlaceholder" |
||||
readonly |
||||
> |
||||
</template> |
||||
|
||||
<script> |
||||
import { durationOptions, convertMS2Duration } from '~/helpers/durationHelper' |
||||
|
||||
export default { |
||||
name: 'DurationCell', |
||||
props: { |
||||
column: Object, |
||||
value: [String, Number] |
||||
}, |
||||
data: () => ({ |
||||
showWarningMessage: false, |
||||
localValue: null |
||||
}), |
||||
computed: { |
||||
durationPlaceholder() { |
||||
return durationOptions[this.column?.meta?.duration || 0].title |
||||
} |
||||
}, |
||||
watch: { |
||||
'column.meta.duration'(newValue, oldValue) { |
||||
if (oldValue !== newValue) { |
||||
this.localValue = convertMS2Duration(this.value, newValue) |
||||
} |
||||
}, |
||||
value(val, oldVal) { |
||||
this.localValue = convertMS2Duration(val !== oldVal && (!val && val !== 0) ? oldVal : val, this.column?.meta?.duration || 0) |
||||
} |
||||
}, |
||||
created() { |
||||
this.localValue = convertMS2Duration(this.value, this.column?.meta?.duration || 0) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
|
||||
<!-- |
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||
* |
||||
*/ |
||||
--> |
||||
@ -0,0 +1,126 @@
|
||||
<template> |
||||
<div class="duration-cell-wrapper"> |
||||
<input |
||||
ref="durationInput" |
||||
v-model="localState" |
||||
:placeholder="durationPlaceholder" |
||||
@blur="onBlur" |
||||
@keypress="checkDurationFormat($event)" |
||||
@keydown.enter="isEdited && $emit('input', durationInMS)" |
||||
> |
||||
<div v-if="showWarningMessage == true" class="duration-warning"> |
||||
<!-- TODO: i18n --> |
||||
Please enter a number |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { durationOptions, convertMS2Duration, convertDurationToSeconds } from '~/helpers/durationHelper' |
||||
|
||||
export default { |
||||
name: 'DurationCell', |
||||
props: { |
||||
column: Object, |
||||
value: [Number, String], |
||||
readOnly: Boolean |
||||
}, |
||||
data: () => ({ |
||||
// flag to determine to show warning message or not |
||||
showWarningMessage: false, |
||||
// duration in milliseconds |
||||
durationInMS: null, |
||||
// check if the cell is edited or not |
||||
isEdited: false |
||||
}), |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return convertMS2Duration(this.value, this.durationType) |
||||
}, |
||||
set(val) { |
||||
this.isEdited = true |
||||
const res = convertDurationToSeconds(val, this.durationType) |
||||
if (res._isValid) { |
||||
this.durationInMS = res._sec |
||||
} |
||||
} |
||||
}, |
||||
durationPlaceholder() { |
||||
return durationOptions[this.durationType].title |
||||
}, |
||||
durationType() { |
||||
return this.column?.meta?.duration || 0 |
||||
} |
||||
}, |
||||
mounted() { |
||||
window.addEventListener('keypress', (_) => { |
||||
if (this.$refs.durationInput) { |
||||
this.$refs.durationInput.focus() |
||||
} |
||||
}) |
||||
}, |
||||
methods: { |
||||
checkDurationFormat(evt) { |
||||
evt = evt || window.event |
||||
const charCode = (evt.which) ? evt.which : evt.keyCode |
||||
// ref: http://www.columbia.edu/kermit/ascii.html |
||||
const PRINTABLE_CTL_RANGE = charCode > 31 |
||||
const NON_DIGIT = charCode < 48 || charCode > 57 |
||||
const NON_COLON = charCode !== 58 |
||||
const NON_PERIOD = charCode !== 46 |
||||
if (PRINTABLE_CTL_RANGE && NON_DIGIT && NON_COLON && NON_PERIOD) { |
||||
this.showWarningMessage = true |
||||
evt.preventDefault() |
||||
} else { |
||||
this.showWarningMessage = false |
||||
// only allow digits, '.' and ':' (without quotes) |
||||
return true |
||||
} |
||||
}, |
||||
onBlur() { |
||||
if (this.isEdited) { |
||||
this.$emit('input', this.durationInMS) |
||||
} |
||||
this.isEdited = false |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
.duration-cell-wrapper { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.duration-warning { |
||||
text-align: left; |
||||
margin-top: 10px; |
||||
color: #E65100; |
||||
} |
||||
</style> |
||||
|
||||
<!-- |
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||
* |
||||
*/ |
||||
--> |
||||
@ -0,0 +1,126 @@
|
||||
<template> |
||||
<div class="duration-cell-wrapper"> |
||||
<input |
||||
ref="durationInput" |
||||
v-model="localState" |
||||
:placeholder="durationPlaceholder" |
||||
@blur="onBlur" |
||||
@keypress="checkDurationFormat($event)" |
||||
@keydown.enter="isEdited && $emit('input', durationInMS)" |
||||
> |
||||
<div v-if="showWarningMessage == true" class="duration-warning"> |
||||
<!-- TODO: i18n --> |
||||
Please enter a number |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { durationOptions, convertMS2Duration, convertDurationToSeconds } from '~/helpers/durationHelper' |
||||
|
||||
export default { |
||||
name: 'DurationCell', |
||||
props: { |
||||
column: Object, |
||||
value: [Number, String], |
||||
readOnly: Boolean |
||||
}, |
||||
data: () => ({ |
||||
// flag to determine to show warning message or not |
||||
showWarningMessage: false, |
||||
// duration in milliseconds |
||||
durationInMS: null, |
||||
// check if the cell is edited or not |
||||
isEdited: false |
||||
}), |
||||
computed: { |
||||
localState: { |
||||
get() { |
||||
return convertMS2Duration(this.value, this.durationType) |
||||
}, |
||||
set(val) { |
||||
this.isEdited = true |
||||
const res = convertDurationToSeconds(val, this.durationType) |
||||
if (res._isValid) { |
||||
this.durationInMS = res._sec |
||||
} |
||||
} |
||||
}, |
||||
durationPlaceholder() { |
||||
return durationOptions[this.durationType].title |
||||
}, |
||||
durationType() { |
||||
return this.column?.meta?.duration || 0 |
||||
} |
||||
}, |
||||
mounted() { |
||||
window.addEventListener('keypress', (_) => { |
||||
if (this.$refs.durationInput) { |
||||
this.$refs.durationInput.focus() |
||||
} |
||||
}) |
||||
}, |
||||
methods: { |
||||
checkDurationFormat(evt) { |
||||
evt = evt || window.event |
||||
const charCode = (evt.which) ? evt.which : evt.keyCode |
||||
// ref: http://www.columbia.edu/kermit/ascii.html |
||||
const PRINTABLE_CTL_RANGE = charCode > 31 |
||||
const NON_DIGIT = charCode < 48 || charCode > 57 |
||||
const NON_COLON = charCode !== 58 |
||||
const NON_PERIOD = charCode !== 46 |
||||
if (PRINTABLE_CTL_RANGE && NON_DIGIT && NON_COLON && NON_PERIOD) { |
||||
this.showWarningMessage = true |
||||
evt.preventDefault() |
||||
} else { |
||||
this.showWarningMessage = false |
||||
// only allow digits, '.' and ':' (without quotes) |
||||
return true |
||||
} |
||||
}, |
||||
onBlur() { |
||||
if (this.isEdited) { |
||||
this.$emit('input', this.durationInMS) |
||||
} |
||||
this.isEdited = false |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
.duration-cell-wrapper { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.duration-warning { |
||||
text-align: left; |
||||
margin-top: 10px; |
||||
color: #E65100; |
||||
} |
||||
</style> |
||||
|
||||
<!-- |
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||
* |
||||
*/ |
||||
--> |
||||
@ -0,0 +1,192 @@
|
||||
export const durationOptions = [ |
||||
{ |
||||
id: 0, |
||||
title: 'h:mm', |
||||
example: '(e.g. 1:23)', |
||||
regex: /(\d+)(?::(\d+))?/ |
||||
}, { |
||||
id: 1, |
||||
title: 'h:mm:ss', |
||||
example: '(e.g. 3:45, 1:23:40)', |
||||
regex: /(\d+)?(?::(\d+))?(?::(\d+))?/ |
||||
}, { |
||||
id: 2, |
||||
title: 'h:mm:ss.s', |
||||
example: '(e.g. 3:34.6, 1:23:40.0)', |
||||
regex: /(\d+)?(?::(\d+))?(?::(\d+))?(?:.(\d{0,4})?)?/ |
||||
}, { |
||||
id: 3, |
||||
title: 'h:mm:ss.ss', |
||||
example: '(e.g. 3.45.67, 1:23:40.00)', |
||||
regex: /(\d+)?(?::(\d+))?(?::(\d+))?(?:.(\d{0,4})?)?/ |
||||
}, { |
||||
id: 4, |
||||
title: 'h:mm:ss.sss', |
||||
example: '(e.g. 3.45.678, 1:23:40.000)', |
||||
regex: /(\d+)?(?::(\d+))?(?::(\d+))?(?:.(\d{0,4})?)?/ |
||||
} |
||||
] |
||||
|
||||
// pad zero
|
||||
// mm && ss
|
||||
// e.g. 3 -> 03
|
||||
// e.g. 12 -> 12
|
||||
// sss
|
||||
// e.g. 1 -> 001
|
||||
// e.g. 10 -> 010
|
||||
const padZero = (val, isSSS = false) => { |
||||
return (val + '').padStart(isSSS ? 3 : 2, '0') |
||||
} |
||||
|
||||
export const convertMS2Duration = (val, durationType) => { |
||||
if (val === null || val === undefined) { return val } |
||||
// 600.000 s --> 10:00 (10 mins)
|
||||
const milliseconds = Math.round((val % 1) * 1000) |
||||
const centiseconds = Math.round(milliseconds / 10) |
||||
const deciseconds = Math.round(centiseconds / 10) |
||||
const hours = Math.floor(parseInt(val, 10) / (60 * 60)) |
||||
const minutes = Math.floor((parseInt(val, 10) - (hours * 60 * 60)) / 60) |
||||
const seconds = parseInt(val, 10) - (hours * 60 * 60) - (minutes * 60) |
||||
|
||||
if (durationType === 0) { |
||||
// h:mm
|
||||
return `${padZero(hours)}:${padZero(minutes + (seconds >= 30))}` |
||||
} else if (durationType === 1) { |
||||
// h:mm:ss
|
||||
return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}` |
||||
} else if (durationType === 2) { |
||||
// h:mm:ss.s
|
||||
return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}.${deciseconds}` |
||||
} else if (durationType === 3) { |
||||
// h:mm:ss.ss
|
||||
return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}.${padZero(centiseconds)}` |
||||
} else if (durationType === 4) { |
||||
// h:mm:ss.sss
|
||||
return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}.${padZero(milliseconds, true)}` |
||||
} |
||||
return val |
||||
} |
||||
|
||||
export const convertDurationToSeconds = (val, durationType) => { |
||||
// 10:00 (10 mins) -> 600.000 s
|
||||
const res = { |
||||
_ms: null, |
||||
_isValid: true |
||||
} |
||||
const durationRegex = durationOptions[durationType].regex |
||||
if (durationRegex.test(val)) { |
||||
let h, mm, ss |
||||
const groups = val.match(durationRegex) |
||||
if (groups[0] && groups[1] && !groups[2] && !groups[3] && !groups[4]) { |
||||
const val = parseInt(groups[1], 10) |
||||
if (groups.input.slice(-1) === ':') { |
||||
// e.g. 30:
|
||||
h = groups[1] |
||||
mm = 0 |
||||
ss = 0 |
||||
} else if (durationType === 0) { |
||||
// consider it as minutes
|
||||
// e.g. 360 -> 06:00
|
||||
h = Math.floor(val / 60) |
||||
mm = Math.floor((val - ((h * 3600)) / 60)) |
||||
ss = 0 |
||||
} else { |
||||
// consider it as seconds
|
||||
// e.g. 3600 -> 01:00:00
|
||||
h = Math.floor(groups[1] / 3600) |
||||
mm = Math.floor(groups[1] / 60) % 60 |
||||
ss = val % 60 |
||||
} |
||||
} else if (durationType !== 0 && groups[1] && groups[2] && !groups[3]) { |
||||
// 10:10 means mm:ss instead of h:mm
|
||||
// 10:10:10 means h:mm:ss
|
||||
h = 0 |
||||
mm = groups[1] |
||||
ss = groups[2] |
||||
} else { |
||||
h = groups[1] || 0 |
||||
mm = groups[2] || 0 |
||||
ss = groups[3] || 0 |
||||
} |
||||
|
||||
if (durationType === 0) { |
||||
// h:mm
|
||||
res._sec = h * 3600 + mm * 60 |
||||
} else if (durationType === 1) { |
||||
// h:mm:ss
|
||||
res._sec = h * 3600 + mm * 60 + ss * 1 |
||||
} else if (durationType === 2) { |
||||
// h:mm:ss.s (deciseconds)
|
||||
const ds = groups[4] || 0 |
||||
const len = Math.log(ds) * Math.LOG10E + 1 | 0 |
||||
const ms = ( |
||||
// e.g. len = 4: 1234 -> 1, 1456 -> 1
|
||||
// e.g. len = 3: 123 -> 1, 191 -> 2
|
||||
// e.g. len = 2: 12 -> 1 , 16 -> 2
|
||||
len === 4 |
||||
? Math.round(ds / 1000) |
||||
: len === 3 |
||||
? Math.round(ds / 100) |
||||
: len === 2 |
||||
? Math.round(ds / 10) |
||||
// take whatever it is
|
||||
: ds |
||||
) * 100 |
||||
res._sec = h * 3600 + mm * 60 + ss * 1 + ms / 1000 |
||||
} else if (durationType === 3) { |
||||
// h:mm:ss.ss (centiseconds)
|
||||
const cs = groups[4] || 0 |
||||
const len = Math.log(cs) * Math.LOG10E + 1 | 0 |
||||
const ms = ( |
||||
// e.g. len = 4: 1234 -> 12, 1285 -> 13
|
||||
// e.g. len = 3: 123 -> 12, 128 -> 13
|
||||
// check the third digit
|
||||
len === 4 |
||||
? Math.round(cs / 100) |
||||
: len === 3 |
||||
? Math.round(cs / 10) |
||||
// take whatever it is
|
||||
: cs |
||||
) * 10 |
||||
res._sec = h * 3600 + mm * 60 + ss * 1 + ms / 1000 |
||||
} else if (durationType === 4) { |
||||
// h:mm:ss.sss (milliseconds)
|
||||
let ms = groups[4] || 0 |
||||
const len = Math.log(ms) * Math.LOG10E + 1 | 0 |
||||
ms = ( |
||||
// e.g. 1235 -> 124
|
||||
// e.g. 1234 -> 123
|
||||
len === 4 |
||||
? Math.round(ms / 10) |
||||
// take whatever it is
|
||||
: ms |
||||
) * 1 |
||||
res._sec = h * 3600 + mm * 60 + ss * 1 + ms / 1000 |
||||
} |
||||
} else { |
||||
res._isValid = false |
||||
} |
||||
return res |
||||
} |
||||
|
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
* |
||||
*/ |
||||
@ -0,0 +1,275 @@
|
||||
import { mainPage } from "../../support/page_objects/mainPage"; |
||||
import { |
||||
isTestSuiteActive, |
||||
} from "../../support/page_objects/projectConstants"; |
||||
|
||||
export const genTest = (apiType, dbType) => { |
||||
if (!isTestSuiteActive(apiType, dbType)) return; |
||||
|
||||
describe(`${apiType.toUpperCase()} api - DURATION`, () => { |
||||
const tableName = "DurationTable"; |
||||
|
||||
// to retrieve few v-input nodes from their label
|
||||
//
|
||||
const fetchParentFromLabel = (label) => { |
||||
cy.get("label").contains(label).parents(".v-input").click(); |
||||
}; |
||||
|
||||
// Run once before test- create table
|
||||
//
|
||||
before(() => { |
||||
mainPage.tabReset(); |
||||
cy.createTable(tableName); |
||||
}); |
||||
|
||||
after(() => { |
||||
cy.deleteTable(tableName); |
||||
}); |
||||
|
||||
// Routine to create a new look up column
|
||||
//
|
||||
const addDurationColumn = (columnName, durationFormat) => { |
||||
// (+) icon at end of column header (to add a new column)
|
||||
// opens up a pop up window
|
||||
//
|
||||
cy.get(".new-column-header").click(); |
||||
|
||||
// Column name
|
||||
cy.get(".nc-column-name-input input").clear().type(`${columnName}`); |
||||
|
||||
// Column data type
|
||||
cy.get(".nc-ui-dt-dropdown").click(); |
||||
cy.getActiveMenu().contains("Duration").click(); |
||||
|
||||
// Configure Child table & column names
|
||||
fetchParentFromLabel("Duration Format"); |
||||
cy.getActiveMenu().contains(durationFormat).click(); |
||||
|
||||
// click on Save
|
||||
cy.get(".nc-col-create-or-edit-card").contains("Save").click(); |
||||
|
||||
// Verify if column exists.
|
||||
//
|
||||
cy.get(`th:contains(${columnName})`).should("exist"); |
||||
}; |
||||
|
||||
// routine to delete column
|
||||
//
|
||||
const deleteColumnByName = (columnName) => { |
||||
// verify if column exists before delete
|
||||
cy.get(`th:contains(${columnName})`).should("exist"); |
||||
|
||||
// delete opiton visible on mouse-over
|
||||
cy.get(`th:contains(${columnName}) .mdi-menu-down`) |
||||
.trigger("mouseover") |
||||
.click(); |
||||
|
||||
// delete/ confirm on pop-up
|
||||
cy.get(".nc-column-delete").click(); |
||||
cy.getActiveModal().find("button:contains(Confirm)").click(); |
||||
|
||||
// validate if deleted (column shouldnt exist)
|
||||
cy.get(`th:contains(${columnName})`).should("not.exist"); |
||||
}; |
||||
|
||||
// routine to edit column
|
||||
//
|
||||
const editColumnByName = (oldName, newName, newDurationFormat) => { |
||||
// verify if column exists before delete
|
||||
cy.get(`th:contains(${oldName})`).should("exist"); |
||||
|
||||
// delete opiton visible on mouse-over
|
||||
cy.get(`th:contains(${oldName}) .mdi-menu-down`) |
||||
.trigger("mouseover") |
||||
.click(); |
||||
|
||||
// edit/ save on pop-up
|
||||
cy.get(".nc-column-edit").click(); |
||||
cy.get(".nc-column-name-input input").clear().type(newName); |
||||
|
||||
// Configure Child table & column names
|
||||
fetchParentFromLabel("Duration Format"); |
||||
cy.getActiveMenu().contains(newDurationFormat).click(); |
||||
|
||||
cy.get(".nc-col-create-or-edit-card") |
||||
.contains("Save") |
||||
.click({ force: true }); |
||||
|
||||
cy.toastWait("Duration column updated successfully"); |
||||
|
||||
// validate if deleted (column shouldnt exist)
|
||||
cy.get(`th:contains(${oldName})`).should("not.exist"); |
||||
cy.get(`th:contains(${newName})`).should("exist"); |
||||
}; |
||||
|
||||
const addDurationData = (colName, index, cellValue, expectedValue, isNewRow = false) => { |
||||
if (isNewRow) { |
||||
cy.get(".nc-add-new-row-btn:visible").should("exist"); |
||||
cy.wait(500) |
||||
cy.get(".nc-add-new-row-btn").click({ force: true }); |
||||
} else { |
||||
mainPage.getRow(index).find(".nc-row-expand-icon").click({ force: true }); |
||||
} |
||||
cy.get(".duration-cell-wrapper > input").first().should('exist').type(cellValue); |
||||
cy.getActiveModal().find("button").contains("Save row").click({ force: true }); |
||||
cy.toastWait("Row updated successfully"); |
||||
mainPage.getCell(colName, index).find('input').then(($e) => { |
||||
expect($e[0].value).to.equal(expectedValue) |
||||
}) |
||||
} |
||||
|
||||
///////////////////////////////////////////////////
|
||||
// Test case
|
||||
{ |
||||
// Duration: h:mm
|
||||
it("Duration: h:mm", () => { |
||||
addDurationColumn("NC_DURATION_0", "h:mm (e.g. 1:23)"); |
||||
addDurationData("NC_DURATION_0", 1, "1:30", "01:30", true); |
||||
addDurationData("NC_DURATION_0", 2, "30", "00:30", true); |
||||
addDurationData("NC_DURATION_0", 3, "60", "01:00", true); |
||||
addDurationData("NC_DURATION_0", 4, "80", "01:20", true); |
||||
addDurationData("NC_DURATION_0", 5, "12:34", "12:34", true); |
||||
addDurationData("NC_DURATION_0", 6, "15:130", "17:10", true); |
||||
addDurationData("NC_DURATION_0", 7, "123123", "2052:03", true); |
||||
}); |
||||
|
||||
it("Duration: Edit Column NC_DURATION_0", () => { |
||||
editColumnByName( |
||||
"NC_DURATION_0", |
||||
"NC_DURATION_EDITED_0", |
||||
"h:mm:ss (e.g. 3:45, 1:23:40)" |
||||
); |
||||
}); |
||||
|
||||
it("Duration: Delete column", () => { |
||||
deleteColumnByName("NC_DURATION_EDITED_0"); |
||||
}); |
||||
} |
||||
|
||||
{ |
||||
// Duration: h:mm:ss
|
||||
it("Duration: h:mm:ss", () => { |
||||
addDurationColumn("NC_DURATION_1", "h:mm:ss (e.g. 3:45, 1:23:40)"); |
||||
addDurationData("NC_DURATION_1", 1, "11:22:33", "11:22:33"); |
||||
addDurationData("NC_DURATION_1", 2, "1234", "00:20:34"); |
||||
addDurationData("NC_DURATION_1", 3, "50", "00:00:50"); |
||||
addDurationData("NC_DURATION_1", 4, "1:1111", "00:19:31"); |
||||
addDurationData("NC_DURATION_1", 5, "1:11:1111", "01:29:31"); |
||||
addDurationData("NC_DURATION_1", 6, "15:130", "00:17:10"); |
||||
addDurationData("NC_DURATION_1", 7, "123123", "34:12:03"); |
||||
}); |
||||
|
||||
it("Duration: Edit Column NC_DURATION_1", () => { |
||||
editColumnByName( |
||||
"NC_DURATION_1", |
||||
"NC_DURATION_EDITED_1", |
||||
"h:mm:ss.s (e.g. 3:34.6, 1:23:40.0)" |
||||
); |
||||
}); |
||||
|
||||
it("Duration: Delete column", () => { |
||||
deleteColumnByName("NC_DURATION_EDITED_1"); |
||||
}); |
||||
} |
||||
|
||||
{ |
||||
// h:mm:ss.s
|
||||
it("Duration: h:mm:ss.s", () => { |
||||
addDurationColumn("NC_DURATION_2", "h:mm:ss.s (e.g. 3:34.6, 1:23:40.0)"); |
||||
addDurationData("NC_DURATION_2", 1, "1234", "00:20:34.0"); |
||||
addDurationData("NC_DURATION_2", 2, "12:34", "00:12:34.0"); |
||||
addDurationData("NC_DURATION_2", 3, "12:34:56", "12:34:56.0"); |
||||
addDurationData("NC_DURATION_2", 4, "12:34:999", "12:50:39.0"); |
||||
addDurationData("NC_DURATION_2", 5, "12:999:56", "28:39:56.0"); |
||||
addDurationData("NC_DURATION_2", 6, "12:34:56.12", "12:34:56.1"); |
||||
addDurationData("NC_DURATION_2", 7, "12:34:56.199", "12:34:56.2"); |
||||
}); |
||||
|
||||
it("Duration: Edit Column NC_DURATION_2", () => { |
||||
editColumnByName( |
||||
"NC_DURATION_2", |
||||
"NC_DURATION_EDITED_2", |
||||
"h:mm:ss (e.g. 3:45, 1:23:40)" |
||||
); |
||||
}); |
||||
|
||||
it("Duration: Delete column", () => { |
||||
deleteColumnByName("NC_DURATION_EDITED_2"); |
||||
}); |
||||
} |
||||
|
||||
{ |
||||
// h:mm:ss.ss
|
||||
it("Duration: h:mm:ss.ss", () => { |
||||
addDurationColumn("NC_DURATION_3", "h:mm:ss.ss (e.g. 3.45.67, 1:23:40.00)"); |
||||
addDurationData("NC_DURATION_3", 1, "1234", "00:20:34.00"); |
||||
addDurationData("NC_DURATION_3", 2, "12:34", "00:12:34.00"); |
||||
addDurationData("NC_DURATION_3", 3, "12:34:56", "12:34:56.00"); |
||||
addDurationData("NC_DURATION_3", 4, "12:34:999", "12:50:39.00"); |
||||
addDurationData("NC_DURATION_3", 5, "12:999:56", "28:39:56.00"); |
||||
addDurationData("NC_DURATION_3", 6, "12:34:56.12", "12:34:56.12"); |
||||
addDurationData("NC_DURATION_3", 7, "12:34:56.199", "12:34:56.20"); |
||||
}); |
||||
|
||||
it("Duration: Edit Column NC_DURATION_3", () => { |
||||
editColumnByName( |
||||
"NC_DURATION_3", |
||||
"NC_DURATION_EDITED_3", |
||||
"h:mm:ss.ss (e.g. 3.45.67, 1:23:40.00)" |
||||
); |
||||
}); |
||||
|
||||
it("Duration: Delete column", () => { |
||||
deleteColumnByName("NC_DURATION_EDITED_3"); |
||||
}); |
||||
} |
||||
|
||||
{ |
||||
// h:mm:ss.sss
|
||||
it("Duration: h:mm:ss.sss", () => { |
||||
addDurationColumn("NC_DURATION_4", "h:mm:ss.sss (e.g. 3.45.678, 1:23:40.000)"); |
||||
addDurationData("NC_DURATION_4", 1, "1234", "00:20:34.000"); |
||||
addDurationData("NC_DURATION_4", 2, "12:34", "00:12:34.000"); |
||||
addDurationData("NC_DURATION_4", 3, "12:34:56", "12:34:56.000"); |
||||
addDurationData("NC_DURATION_4", 4, "12:34:999", "12:50:39.000"); |
||||
addDurationData("NC_DURATION_4", 5, "12:999:56", "28:39:56.000"); |
||||
addDurationData("NC_DURATION_4", 6, "12:34:56.12", "12:34:56.012"); |
||||
addDurationData("NC_DURATION_4", 7, "12:34:56.199", "12:34:56.199"); |
||||
}); |
||||
|
||||
it("Duration: Edit Column NC_DURATION_4", () => { |
||||
editColumnByName( |
||||
"NC_DURATION_4", |
||||
"NC_DURATION_EDITED_4", |
||||
"h:mm (e.g. 1:23)" |
||||
); |
||||
}); |
||||
|
||||
it("Duration: Delete column", () => { |
||||
deleteColumnByName("NC_DURATION_EDITED_4"); |
||||
}); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Wing-Kam Wong <wingkwong.code@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
* |
||||
*/ |
||||
Loading…
Reference in new issue