neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webcomponent: update room functionality tests to use dynamic participant names

Browse Source
This commit is contained in:
Carlos Santos 2025-06-09 17:51:34 +02:00
parent b24a38ef55
commit 067583951f
2 changed files with 25 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/webcomponent/tests/e2e/core/room.test.ts
View File

@ -19,6 +19,7 @@ let subscribedToAppErrors = false;
test.describe('Room Functionality Tests', () => { test.describe('Room Functionality Tests', () => {
const testAppUrl = 'http://localhost:5080'; const testAppUrl = 'http://localhost:5080';
const testRoomPrefix = 'testing-room'; const testRoomPrefix = 'testing-room';
let participantName = `P-${Math.random().toString(36).substring(2, 9)}`;
// ========================================== // ==========================================
// SETUP & TEARDOWN // SETUP & TEARDOWN
@ -47,6 +48,7 @@ test.describe('Room Functionality Tests', () => {
subscribedToAppErrors = true; subscribedToAppErrors = true;
} }
await prepareForJoiningRoom(page, testAppUrl, testRoomPrefix); await prepareForJoiningRoom(page, testAppUrl, testRoomPrefix);
participantName = `P-${Math.random().toString(36).substring(2, 9)}`;
}); });
test.afterEach(async ({ context }) => { test.afterEach(async ({ context }) => {
@ -71,7 +73,7 @@ test.describe('Room Functionality Tests', () => {
test.describe('Basic Room Features', () => { test.describe('Basic Room Features', () => {
test('should show the toolbar and media buttons', async ({ page }) => { test('should show the toolbar and media buttons', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', `P-${Math.random().toString(36).substring(2, 9)}`, page);
await waitForElementInIframe(page, '#toolbar'); await waitForElementInIframe(page, '#toolbar');
// Check media buttons are present // Check media buttons are present
@ -83,7 +85,7 @@ test.describe('Room Functionality Tests', () => {
test('should start a videoconference and display video elements', async ({ page, browser }) => { test('should start a videoconference and display video elements', async ({ page, browser }) => {
// First participant joins // First participant joins
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Check local video element // Check local video element
@ -95,15 +97,7 @@ test.describe('Room Functionality Tests', () => {
const moderatorPage = await context.newPage(); const moderatorPage = await context.newPage();
await prepareForJoiningRoom(moderatorPage, testAppUrl, testRoomPrefix); await prepareForJoiningRoom(moderatorPage, testAppUrl, testRoomPrefix);
await joinRoomAs('moderator', moderatorPage); await joinRoomAs('moderator', 'moderator', moderatorPage);
await waitForElementInIframe(moderatorPage, 'ov-participant-name-form');
// Set moderator name
await interactWithElementInIframe(moderatorPage, '#participant-name-input', {
action: 'fill',
value: 'Moderator'
});
await interactWithElementInIframe(moderatorPage, '#participant-name-submit', { action: 'click' });
// Verify session established and remote video appears // Verify session established and remote video appears
await waitForElementInIframe(moderatorPage, 'ov-session'); await waitForElementInIframe(moderatorPage, 'ov-session');
@ -122,7 +116,8 @@ test.describe('Room Functionality Tests', () => {
test.describe('Screen Sharing', () => { test.describe('Screen Sharing', () => {
test('should be able to share and stop screen sharing', async ({ page }) => { test('should be able to share and stop screen sharing', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, '#toolbar'); await waitForElementInIframe(page, '#toolbar');
// Initial state: only camera video // Initial state: only camera video
@ -158,7 +153,7 @@ test.describe('Room Functionality Tests', () => {
test.describe('UI Panels and Components', () => { test.describe('UI Panels and Components', () => {
test('should show and interact with chat panel', async ({ page }) => { test('should show and interact with chat panel', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Open chat panel // Open chat panel
@ -181,7 +176,7 @@ test.describe('Room Functionality Tests', () => {
}); });
test('should show activities panel', async ({ page }) => { test('should show activities panel', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Open activities panel // Open activities panel
@ -196,7 +191,7 @@ test.describe('Room Functionality Tests', () => {
}); });
test('should show participants panel', async ({ page }) => { test('should show participants panel', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Open participants panel // Open participants panel
@ -211,7 +206,7 @@ test.describe('Room Functionality Tests', () => {
}); });
test('should show settings panel', async ({ page }) => { test('should show settings panel', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Open more options menu // Open more options menu
@ -235,7 +230,7 @@ test.describe('Room Functionality Tests', () => {
test.describe('Advanced Features', () => { test.describe('Advanced Features', () => {
test('should apply virtual background and detect visual changes', async ({ page }) => { test('should apply virtual background and detect visual changes', async ({ page }) => {
await joinRoomAs('publisher', page); await joinRoomAs('publisher', participantName, page);
await waitForElementInIframe(page, 'ov-session'); await waitForElementInIframe(page, 'ov-session');
// Wait for video element to be ready // Wait for video element to be ready

14
frontend/webcomponent/tests/helpers/function-helpers.ts
View File

@ -94,10 +94,22 @@ export const prepareForJoiningRoom = async (page: Page, url: string, roomPrefix:
await page.waitForSelector('#join-as-publisher'); await page.waitForSelector('#join-as-publisher');
}; };
export const joinRoomAs = async (role: 'moderator' | 'publisher', page: Page) => { export const joinRoomAs = async (role: 'moderator' | 'publisher', pName: string, page: Page) => {
await page.click('#join-as-' + role); await page.click('#join-as-' + role);
const component = page.locator('openvidu-meet'); const component = page.locator('openvidu-meet');
await expect(component).toBeVisible(); await expect(component).toBeVisible();
// Wait for participant name input and fill it
await waitForElementInIframe(page, '#participant-name-input', { state: 'visible' });
await interactWithElementInIframe(page, '#participant-name-input', {
action: 'fill',
value: pName
});
await interactWithElementInIframe(page, '#participant-name-submit', { action: 'click' });
// wait for prejoin page to load and join the room
await waitForElementInIframe(page, 'ov-pre-join', { state: 'visible' });
await interactWithElementInIframe(page, '#join-button', { action: 'click' });
}; };
export const leaveRoom = async (page: Page) => { export const leaveRoom = async (page: Page) => {