-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(tests): Adds breakout tests. (#15414)
* feat(tests): Introduces BasePageObject. * fix(tests): Use wdio aria selector where possible. * fix(tests): Correct test exclusion for Firefox. * fix(tests): Rearrange code. * feat(tests): Adds breakout tests.
- Loading branch information
Showing
17 changed files
with
870 additions
and
147 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import { Participant } from '../helpers/Participant'; | ||
|
|
||
| /** | ||
| * Represents the base page object. | ||
| * All page object has the current participant (holding the driver/browser session). | ||
| */ | ||
| export default class BasePageObject { | ||
| participant: Participant; | ||
|
|
||
| /** | ||
| * Represents the base page object. | ||
| */ | ||
| constructor(participant: Participant) { | ||
| this.participant = participant; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,230 @@ | ||
| import { Participant } from '../helpers/Participant'; | ||
|
|
||
| import BaseDialog from './BaseDialog'; | ||
| import BasePageObject from './BasePageObject'; | ||
|
|
||
| const BREAKOUT_ROOMS_CLASS = 'breakout-room-container'; | ||
| const ADD_BREAKOUT_ROOM = 'Add breakout room'; | ||
| const MORE_LABEL = 'More'; | ||
| const LEAVE_ROOM_LABEL = 'Leave breakout room'; | ||
| const AUTO_ASSIGN_LABEL = 'Auto assign to breakout rooms'; | ||
|
|
||
| /** | ||
| * Represents a single breakout room and the operations for it. | ||
| */ | ||
| class BreakoutRoom extends BasePageObject { | ||
| title: string; | ||
| id: string; | ||
| count: number; | ||
|
|
||
| /** | ||
| * Constructs a breakout room. | ||
| */ | ||
| constructor(participant: Participant, title: string, id: string) { | ||
| super(participant); | ||
|
|
||
| this.title = title; | ||
| this.id = id; | ||
|
|
||
| const tMatch = title.match(/.*\((.*)\)/); | ||
|
|
||
| if (tMatch) { | ||
| this.count = parseInt(tMatch[1], 10); | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| * Returns room name. | ||
| */ | ||
| get name() { | ||
| return this.title.split('(')[0].trim(); | ||
| } | ||
|
|
||
| /** | ||
| * Returns the number of participants in the room. | ||
| */ | ||
| get participantCount() { | ||
| return this.count; | ||
| } | ||
|
|
||
| /** | ||
| * Collapses the breakout room. | ||
| */ | ||
| async collapse() { | ||
| const collapseElem = this.participant.driver.$( | ||
| `div[data-testid="${this.id}"]`); | ||
|
|
||
| await collapseElem.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Joins the breakout room. | ||
| */ | ||
| async joinRoom() { | ||
| const joinButton = this.participant.driver | ||
| .$(`button[data-testid="join-room-${this.id}"]`); | ||
|
|
||
| await joinButton.waitForClickable(); | ||
| await joinButton.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Removes the breakout room. | ||
| */ | ||
| async removeRoom() { | ||
| await this.openContextMenu(); | ||
|
|
||
| const removeButton = this.participant.driver.$(`#remove-room-${this.id}`); | ||
|
|
||
| await removeButton.waitForClickable(); | ||
| await removeButton.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Renames the breakout room. | ||
| */ | ||
| async renameRoom(newName: string) { | ||
| await this.openContextMenu(); | ||
|
|
||
| const renameButton = this.participant.driver.$(`#rename-room-${this.id}`); | ||
|
|
||
| await renameButton.click(); | ||
|
|
||
| const newNameInput = this.participant.driver.$('input[name="breakoutRoomName"]'); | ||
|
|
||
| await newNameInput.waitForStable(); | ||
| await newNameInput.setValue(newName); | ||
|
|
||
| await new BaseDialog(this.participant).clickOkButton(); | ||
| } | ||
|
|
||
| /** | ||
| * Closes the breakout room. | ||
| */ | ||
| async closeRoom() { | ||
| await this.openContextMenu(); | ||
|
|
||
| const closeButton = this.participant.driver.$(`#close-room-${this.id}`); | ||
|
|
||
| await closeButton.waitForClickable(); | ||
| await closeButton.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Opens the context menu. | ||
| * @private | ||
| */ | ||
| private async openContextMenu() { | ||
| const listItem = this.participant.driver.$(`div[data-testid="${this.id}"]`); | ||
|
|
||
| await listItem.click(); | ||
|
|
||
| const button = listItem.$(`aria/${MORE_LABEL}`); | ||
|
|
||
| await button.waitForClickable(); | ||
| await button.click(); | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| * All breakout rooms objects and operations. | ||
| */ | ||
| export default class BreakoutRooms extends BasePageObject { | ||
| /** | ||
| * Returns the number of breakout rooms. | ||
| */ | ||
| async getRoomsCount() { | ||
| const participantsPane = this.participant.getParticipantsPane(); | ||
|
|
||
| if (!await participantsPane.isOpen()) { | ||
| await participantsPane.open(); | ||
| } | ||
|
|
||
| return await this.participant.driver.$$(`.${BREAKOUT_ROOMS_CLASS}`).length; | ||
| } | ||
|
|
||
| /** | ||
| * Adds a breakout room. | ||
| */ | ||
| async addBreakoutRoom() { | ||
| const participantsPane = this.participant.getParticipantsPane(); | ||
|
|
||
| if (!await participantsPane.isOpen()) { | ||
| await participantsPane.open(); | ||
| } | ||
|
|
||
| const addBreakoutButton = this.participant.driver.$(`aria/${ADD_BREAKOUT_ROOM}`); | ||
|
|
||
| await addBreakoutButton.waitForDisplayed(); | ||
| await addBreakoutButton.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Returns all breakout rooms. | ||
| */ | ||
| async getRooms(): Promise<BreakoutRoom[]> { | ||
| const rooms = this.participant.driver.$$(`.${BREAKOUT_ROOMS_CLASS}`); | ||
|
|
||
| return rooms.map(async room => new BreakoutRoom( | ||
| this.participant, await room.$('span').getText(), await room.getAttribute('data-testid'))); | ||
| } | ||
|
|
||
| /** | ||
| * Leave by clicking the leave button in participant pane. | ||
| */ | ||
| async leaveBreakoutRoom() { | ||
| const participantsPane = this.participant.getParticipantsPane(); | ||
|
|
||
| if (!await participantsPane.isOpen()) { | ||
| await participantsPane.open(); | ||
| } | ||
|
|
||
| const leaveButton = this.participant.driver.$(`aria/${LEAVE_ROOM_LABEL}`); | ||
|
|
||
| await leaveButton.isClickable(); | ||
| await leaveButton.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Auto assign participants to breakout rooms. | ||
| */ | ||
| async autoAssignToBreakoutRooms() { | ||
| const button = this.participant.driver.$(`aria/${AUTO_ASSIGN_LABEL}`); | ||
|
|
||
| await button.waitForClickable(); | ||
| await button.click(); | ||
| } | ||
|
|
||
| /** | ||
| * Tries to send a participant to a breakout room. | ||
| */ | ||
| async sendParticipantToBreakoutRoom(participant: Participant, roomName: string) { | ||
| const participantsPane = this.participant.getParticipantsPane(); | ||
|
|
||
| await participantsPane.selectParticipant(participant); | ||
| await participantsPane.openParticipantContextMenu(participant); | ||
|
|
||
| const sendButton = this.participant.driver.$(`aria/${roomName}`); | ||
|
|
||
| await sendButton.waitForClickable(); | ||
| await sendButton.click(); | ||
| } | ||
|
|
||
| // /** | ||
| // * Open context menu for given participant. | ||
| // */ | ||
| // async openParticipantContextMenu(participant: Participant) { | ||
| // const listItem = this.participant.driver.$( | ||
| // `div[@id="participant-item-${await participant.getEndpointId()}"]`); | ||
| // | ||
| // await listItem.waitForDisplayed(); | ||
| // await listItem.moveTo(); | ||
| // | ||
| // const button = listItem.$(`aria/${PARTICIPANT_MORE_LABEL}`); | ||
| // | ||
| // await button.waitForClickable(); | ||
| // await button.click(); | ||
| // } | ||
| } | ||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.