diff --git a/tests/specs/alone/videoLayout.spec.ts b/tests/specs/alone/videoLayout.spec.ts new file mode 100644 index 0000000000..6dbcb427d0 --- /dev/null +++ b/tests/specs/alone/videoLayout.spec.ts @@ -0,0 +1,27 @@ +import { ensureOneParticipant } from '../../helpers/participants'; + +describe('Video Layout', () => { + it('join participant', () => ensureOneParticipant(ctx)); + + it('check', async () => { + const { p1 } = ctx; + + const innerWidth = parseInt(await p1.execute('return window.innerWidth'), 10); + const innerHeight = parseInt(await p1.execute('return window.innerHeight'), 10); + + const largeVideo = p1.driver.$('//div[@id="largeVideoContainer"]'); + const filmstrip = p1.driver.$('//div[contains(@class, "filmstrip")]'); + let filmstripWidth; + + if (!await filmstrip.isExisting() || !await filmstrip.isDisplayed()) { + filmstripWidth = 0; + } else { + filmstripWidth = await filmstrip.getSize('width'); + } + + const largeVideoSize = await largeVideo.getSize(); + + expect((largeVideoSize.width === (innerWidth - filmstripWidth)) || (largeVideoSize.height === innerHeight)) + .toBe(true); + }); +});