BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test: split timer test into stopwatch and timer and add assertions

Browse Source
This commit is contained in:
Anton B 2024-07-31 17:14:45 -03:00
parent 516a0be3dd
commit 6d01c4b293
3 changed files with 113 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
bigbluebutton-tests/playwright/user/timer.js
View File

@ -1,86 +1,129 @@
const { MultiUsers } = require('./multiusers');
const e = require('../core/elements');
const { timeInSeconds } = require('./util');
const { expect } = require('@playwright/test');
const { sleep } = require('../core/helpers');
const e = require('../core/elements');
class Timer extends MultiUsers {
constructor(browser, context) {
super(browser, context);
}
async stopwatchTest() {
await this.openTimerAndStopwatch();
const timerCurrentLocator = this.modPage.getLocator(e.timerCurrent);
const timerIndicatorLocator = this.modPage.getLocator(e.timerIndicator);
// compare initial values of the stopwatch elements after 2 seconds running
const initialValueStopWatch = await timeInSeconds(timerCurrentLocator);
const initialValueStopWatchIndicator = await timeInSeconds(timerIndicatorLocator);
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should display the initial value of the stopwatch');
await this.clickOnTimerControl();
await sleep(2000);
await expect(
await timeInSeconds(timerCurrentLocator),
'should be the current value of the stopwatch timer greater than the initial value'
).toBeGreaterThan(initialValueStopWatch);
await expect(
await timeInSeconds(timerIndicatorLocator),
'should be the current value of the stopwatch indicator greater than the initial value'
).toBeGreaterThan(initialValueStopWatchIndicator);
// stop the stopwatch and check if the values are the same after 2 seconds
await this.clickOnTimerControl(false);
const stopWatchValueStopped = await timeInSeconds(timerCurrentLocator);
const stopWatchIndicatorValueStopped = await timeInSeconds(timerIndicatorLocator);
await sleep(2000);
await expect(
await timeInSeconds(timerCurrentLocator),
'should be the current value of the stopwatch timer equals the value when stopped after 2 seconds'
).toBe(stopWatchValueStopped);
await expect(
await timeInSeconds(timerCurrentLocator),
'should be the current value of the stopwatch indicator equals the value when stopped after 2 seconds'
).toBe(stopWatchIndicatorValueStopped);
// reset a stopped stopwatch
await this.modPage.waitAndClick(e.resetTimerStopwatch);
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should reset the stopwatch timer to its initial value');
await this.modPage.hasText(e.timerIndicator, /00:00/, 'should reset the stopwatch indicator to its initial value');
// reset a running stopwatch and check if the values are reset
await this.clickOnTimerControl();
await this.modPage.hasText(e.timerCurrent, /00:02/, 'should display 00:02 after 2 seconds');
await this.modPage.waitAndClick(e.resetTimerStopwatch);
await expect(
this.modPage.getLocator(e.startStopTimer),
`should switch the button color to the same as stopped after resetting the timer`
).toHaveAttribute('color', 'primary');
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should display the initial value of the stopwatch timer after reset');
await this.modPage.hasText(e.timerIndicator, /00:00/, 'should display the initial value of the stopwatch indicator after reset');
}
async timerTest() {
await this.openTimerAndStopwatch();
await this.modPage.waitAndClick(e.timerButton);
await this.modPage.hasElement(e.timerContainer, 'should display the timer container');
const timerCurrentLocator = this.modPage.getLocator(e.timerCurrent);
const timerIndicatorLocator = this.modPage.getLocator(e.timerIndicator);
// check for initial values
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should display the timer current to contain the value "00:00"');
await this.modPage.hasValue(e.minutesInput, '5', 'should display the initial minutes input to contain the value "5"');
// start timer and check the current values
await this.modPage.getLocator(e.secondsInput).press('Backspace');
await this.modPage.type(e.secondsInput, '4');
await this.clickOnTimerControl();
await this.modPage.hasText(e.timerCurrent, /05:00/, 'should display the starting value on the timer current');
await this.modPage.hasText(e.timerIndicator, /04:58/, 'should display the starting value on the timer indicator (2 seconds delay expected)');
// change input value and check if the timer is updated
await this.clickOnTimerControl(false);
await this.modPage.getLocator(e.secondsInput).press('Backspace');
await this.modPage.type(e.secondsInput, '50');
await this.clickOnTimerControl();
await this.modPage.hasText(e.timerCurrent, /05:44/, 'should display an increased value on the timer current after a while running');
await this.modPage.hasText(e.timerIndicator, /05:42/, 'should display an increased value on the timer indicator after a while running (2 seconds delay expected)');
// reset an active timer and check if the values are set to the previous values
await this.clickOnTimerControl();
await sleep(2000);
await this.modPage.waitAndClick(e.resetTimerStopwatch);
await this.modPage.hasText(e.timerCurrent, /05:50/, 'should display the same timer current value as the last time it was started when resetting');
await this.modPage.hasText(e.timerIndicator, /05:50/, 'should display the same timer indicator value as the last time it was started when resetting');
// check if the timer stops when clicking on the timer indicator
await this.clickOnTimerControl();
const timerValueAfterStartingTimer = await timeInSeconds(timerCurrentLocator);
const timerIndicatorValueAfterStartingTimer = await timeInSeconds(timerIndicatorLocator);
await this.modPage.waitAndClick(e.timerIndicator);
await sleep(2000);
await expect(
timerValueAfterStartingTimer,
'should stop the timer when clicking on the timer indicator'
).toBe(await timeInSeconds(timerCurrentLocator));
await expect(
timerIndicatorValueAfterStartingTimer,
'should stop the timer when clicking on the timer indicator'
).toBe(await timeInSeconds(timerIndicatorLocator));
}
async openTimerAndStopwatch() {
await this.modPage.waitForSelector(e.whiteboard);
await this.modPage.waitAndClick(e.actions);
await this.modPage.waitAndClick(e.timerStopwatchFeature);
await this.modPage.waitForSelector(e.timerCurrent);
const timerCurrentLocator = await this.modPage.getLocator(e.timerCurrent);
const timerIndicatorLocator = await this.modPage.getLocator(e.timerIndicator);
await this.modPage.hasElement(e.timerCurrent, 'should display the timer counter in the sidebar content');
}
const initialValueStopWatch = await timeInSeconds(timerCurrentLocator);
const initialValueStopWatchIndicator = await timeInSeconds(timerIndicatorLocator);
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should the timer current contain the text "00:00"');
async clickOnTimerControl(isStarting = true) {
await this.modPage.waitAndClick(e.startStopTimer);
await sleep(2000);
const currentValueStopwatch = await timeInSeconds(timerCurrentLocator);
const currentValueStopwatchIndicator = await timeInSeconds(timerIndicatorLocator);
await expect(currentValueStopwatch, 'should the current value of the stopwatch to be greater than the initial value').toBeGreaterThan(initialValueStopWatch);
await expect(currentValueStopwatchIndicator, 'should the current value of the stopwatch indicator to be greater than the initial value on the stopwatch indicator').toBeGreaterThan(initialValueStopWatchIndicator);
const expectedColor = isStarting ? 'danger' : 'primary';
await this.modPage.waitAndClick(e.startStopTimer);
await this.modPage.waitAndClick(e.resetTimerStopwatch);
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should reset the timer current');
await this.modPage.hasText(e.timerIndicator, /00:00/, 'should reset the timer indicator');
await this.modPage.waitAndClick(e.timerButton);
await this.modPage.hasText(e.timerCurrent, /00:00/, 'should display the timer current to contain the value "00:00"');
await this.modPage.hasValue(e.minutesInput, '5', 'should display the initial minutes input to contain the value "5"');
await this.modPage.hasElement(e.timerContainer, 'should display the timer container');
await this.modPage.getLocator(e.secondsInput).press('Backspace');
await this.modPage.type(e.secondsInput, '4');
await this.modPage.waitAndClick(e.startStopTimer);
await expect(
this.modPage.getLocator(e.startStopTimer),
'should switch the button color after starting the timer'
).toHaveAttribute('color', 'danger')
await this.modPage.hasText(e.timerCurrent, /05:00/, 'should the timer current to contain the value "05:00"');
await this.modPage.hasText(e.timerIndicator, /04:59/, 'should the timer indicator to contain the value "04:59" (1 second delay)');
await this.modPage.waitAndClick(e.startStopTimer);
await expect(
this.modPage.getLocator(e.startStopTimer),
'should switch the button color after stopping the timer'
).toHaveAttribute('color', 'primary')
await this.modPage.getLocator(e.secondsInput).press('Backspace');
await this.modPage.type(e.secondsInput, '50');
await this.modPage.waitAndClick(e.startStopTimer);
await expect(
this.modPage.getLocator(e.startStopTimer),
'should switch the button color after starting the timer'
).toHaveAttribute('color', 'danger')
await this.modPage.hasText(e.timerCurrent, /05:44/, 'should the timer current to contain the value "05:44"');
await this.modPage.hasText(e.timerIndicator, /05:43/, 'should the timer indicator to contain the value "05:43" (1 second delay)');
const timerInitialValue = await timeInSeconds(timerCurrentLocator);
await this.modPage.waitAndClick(e.startStopTimer);
await sleep(2000);
const timerCurrentValue = await timeInSeconds(timerCurrentLocator);
await expect(timerInitialValue, 'should the timer\'s initial value to be greater than the current value').toBeGreaterThan(timerCurrentValue);
await this.modPage.waitAndClick(e.startStopTimer);
await this.modPage.waitAndClick(e.resetTimerStopwatch);
await this.modPage.hasText(e.timerCurrent, /05:50/, 'should display the same timer current value as the last time it was started');
await this.modPage.hasText(e.timerIndicator, /05:50/, 'should display the same timer indicator value as the last time it was started');
//Testing Timer Indicator
const initialValueIndicator = await timeInSeconds(timerIndicatorLocator);
await this.modPage.waitAndClick(e.timerIndicator);
await sleep(2000);
const currentValueIndicator = await timeInSeconds(timerIndicatorLocator);
await expect(initialValueIndicator, 'should the timer indicator initial value to be greater than the timer indicator current value').toBeGreaterThan(currentValueIndicator);
`should switch the button color after ${isStarting ? 'starting' : 'stopping'} the timer`
).toHaveAttribute('color', expectedColor);
}
}

6
bigbluebutton-tests/playwright/user/user.spec.js
View File

@ -33,6 +33,12 @@ test.describe.parallel('User', () => {
await multiusers.toggleUserList();
});
test('Stopwatch', async ({ browser, context, page })=> {
const timer = new Timer(browser, context);
await timer.initModPage(page, true);
await timer.stopwatchTest();
});
test('Timer', async ({ browser, context, page })=> {
const timer = new Timer(browser, context);
await timer.initModPage(page, true);

1
bigbluebutton-tests/playwright/user/util.js
View File

@ -31,7 +31,6 @@ async function drawArrow(test) {
const wbBox = await modWbLocator.boundingBox();
await test.waitAndClick(e.wbArrowShape);
await test.page.mouse.move(wbBox.x + 0.3 * wbBox.width, wbBox.y + 0.3 * wbBox.height);
await test.page.mouse.down();
await test.page.mouse.move(wbBox.x + 0.7 * wbBox.width, wbBox.y + 0.7 * wbBox.height);