backport disable self-view test (#20982)

bigbluebutton-tests/playwright/core/elements.js

@@ -447,6 +447,7 @@ exports.dropAreaLeft = 'div[data-test="dropArea-contentLeft"]';
 exports.dropAreaRight = 'div[data-test="dropArea-contentRight"]';
 exports.dropAreaTop = 'div[data-test="dropArea-contentTop"]';
 exports.dropAreaSidebarBottom = 'div[data-test="dropArea-sidebarContentBottom"]';
+exports.selfViewDisableBtn = 'li[data-test="selfViewDisableBtn"]';
 
 exports.videoQualitySelector = 'select[id="setQuality"]';
 exports.webcamItemTalkingUser = 'div[data-test="webcamItemTalkingUser"]';

bigbluebutton-tests/playwright/webcam/webcam.js

@@ -86,6 +86,23 @@ class Webcam extends Page {
     await expect(height).toBe(windowHeight);
   }
 
+  async disableSelfView() {
+    await this.waitAndClick(e.joinVideo);
+    await this.waitForSelector(e.noneBackgroundButton);
+
+    await uploadBackgroundVideoImage(this);
+    await this.waitAndClick(e.selectCustomBackground);
+    await sleep(1000);
+    await this.waitAndClick(e.startSharingWebcam);
+    await this.waitForSelector(e.webcamContainer);
+
+    await this.waitAndClick(e.dropdownWebcamButton);
+    await this.waitAndClick(e.selfViewDisableBtn);
+
+    const webcamVideoLocator = await this.getLocator(e.webcamConnecting);
+    await expect(webcamVideoLocator).toHaveScreenshot('disable-self-view.png');
+  }
+
   async managingNewBackground() {
     await this.waitAndClick(e.joinVideo);
     await this.waitForSelector(e.noneBackgroundButton);

bigbluebutton-tests/playwright/webcam/webcam.spec.js

@@ -42,6 +42,12 @@ test.describe.parallel('Webcam', () => {
     await webcam.webcamFullscreen();
   });
 
+  test('Disable Self-view @ci', async ({ browser, page }) => {
+    const webcam = new Webcam(browser, page);
+    await webcam.init(true, true);
+    await webcam.disableSelfView();
+  });
+
   test.describe('Webcam background @ci', () => {
     /* this test has the flaky tag because it is breaking due to a default video from chrome that
     is overlapping the virtual background. */