studio/element-call
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

also test that video is muted when earpiece overlay is on

Browse Source
This commit is contained in:
Valere
2025-12-04 10:37:14 +01:00
parent 7a2c1af44b
commit 71bf55f358
1 changed files with 52 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
playwright/mobile/create-call-mobile.spec.ts
View File

@@ -52,61 +52,64 @@ test("@mobile Start a new call then leave and show the feedback screen", async (
).toBeVisible(); ).toBeVisible();
}); });
mobileTest("Start a new call as widget", async ({ asMobile, browser }) => { mobileTest(
test.slow(); // Triples the timeout "Test earpiece overlay in controlledAudioDevices mode",
const { creatorPage, inviteLink } = asMobile; async ({ asMobile, browser }) => {
test.slow(); // Triples the timeout
const { creatorPage, inviteLink } = asMobile;
// test("Show earpiece overlay when output is earpiece", async ({ browser }) => { // ========
// Use reduce motion to disable animations that are making the tests a bit flaky // ACT: The other user use the invite link to join the call as a guest
// ========
const guestInviteeContext = await browser.newContext({
reducedMotion: "reduce",
});
const guestPage = await guestInviteeContext.newPage();
await guestPage.goto(inviteLink + "&controlledAudioDevices=true");
// ======== await guestPage
// ACT: The other user use the invite link to join the call as a guest .getByRole("button", { name: "Continue in browser" })
// ======== .click();
const guestInviteeContext = await browser.newContext({
reducedMotion: "reduce",
});
const guestPage = await guestInviteeContext.newPage();
await guestPage.goto(inviteLink + "&controlledAudioDevices=true");
await guestPage.getByRole("button", { name: "Continue in browser" }).click(); await guestPage.getByTestId("joincall_displayName").fill("Invitee");
await expect(guestPage.getByTestId("joincall_joincall")).toBeVisible();
await guestPage.getByTestId("joincall_joincall").click();
await guestPage.getByTestId("lobby_joinCall").click();
await guestPage.getByTestId("joincall_displayName").fill("Invitee"); // ========
await expect(guestPage.getByTestId("joincall_joincall")).toBeVisible(); // ASSERT: check that there are two members in the call
await guestPage.getByTestId("joincall_joincall").click(); // ========
await guestPage.getByTestId("lobby_joinCall").click();
// ======== // There should be two participants now
// ASSERT: check that there are two members in the call await expect(
// ======== guestPage.getByTestId("roomHeader_participants_count"),
).toContainText("2");
expect(await guestPage.getByTestId("videoTile").count()).toBe(2);
// There should be two participants now // Same in creator page
await expect( await expect(
guestPage.getByTestId("roomHeader_participants_count"), creatorPage.getByTestId("roomHeader_participants_count"),
).toContainText("2"); ).toContainText("2");
expect(await guestPage.getByTestId("videoTile").count()).toBe(2); expect(await creatorPage.getByTestId("videoTile").count()).toBe(2);
// Same in creator page // TEST: control audio devices from the invitee page
await expect(
creatorPage.getByTestId("roomHeader_participants_count"),
).toContainText("2");
expect(await creatorPage.getByTestId("videoTile").count()).toBe(2);
// TEST: control audio devices from the invitee page await guestPage.evaluate(() => {
window.controls.setAvailableAudioDevices([
{ id: "speaker", name: "Speaker", isSpeaker: true },
{ id: "earpiece", name: "Handset", isEarpiece: true },
{ id: "headphones", name: "Headphones" },
]);
window.controls.setAudioDevice("earpiece");
});
await expect(
guestPage.getByRole("heading", { name: "Handset Mode" }),
).toBeVisible();
await expect(
guestPage.getByRole("button", { name: "Back to Speaker Mode" }),
).toBeVisible();
await guestPage.evaluate(() => { // Should auto-mute the video when earpiece is selected
window.controls.setAvailableAudioDevices([ await expect(guestPage.getByTestId("incall_videomute")).toBeDisabled();
{ id: "speaker", name: "Speaker", isSpeaker: true }, },
{ id: "earpiece", name: "Handset", isEarpiece: true }, );
{ id: "headphones", name: "Headphones" },
]);
window.controls.setAudioDevice("earpiece");
});
await expect(
guestPage.getByRole("heading", { name: "Handset Mode" }),
).toBeVisible();
await expect(
guestPage.getByRole("button", { name: "Back to Speaker Mode" }),
).toBeVisible();
// await guestPage.pause();
});