Merge branch 'master' into feat-live-streams-analytics

Author: jakub-roch

src/index.all.js

@@ -12,6 +12,7 @@ export * from './plugins/chapters/chapters.js';
 export * from './plugins/ima/ima.js';
 export * from './plugins/playlist/playlist.js';
 export * from './plugins/interaction-areas/interaction-areas.service.js';
+export * from './plugins/visual-search/visual-search.js';
 export * from './components/shoppable-bar/shoppable-widget.js';
 
 export default cloudinary;

test/e2e/specs/ESM/esmVideoTransformationsPage.spec.ts

@@ -0,0 +1,12 @@
+import { vpTest } from '../../fixtures/vpTest';
+import { ExampleLinkName } from '../../testData/ExampleLinkNames';
+import { testVideoTransformationsPageVideoIsPlaying } from '../commonSpecs/videoTransformationsPage';
+import { getEsmLinkByName } from '../../testData/esmPageLinksData';
+import { ESM_URL } from '../../testData/esmUrl';
+
+const link = getEsmLinkByName(ExampleLinkName.VideoTransformations);
+
+vpTest(`Test if 3 videos on ESM video transformations page are playing as expected`, async ({ page, pomPages }) => {
+    await page.goto(ESM_URL);
+    await testVideoTransformationsPageVideoIsPlaying(page, pomPages, link);
+});

test/e2e/specs/NonESM/videoTransformationsPage.spec.ts

@@ -1,26 +1,10 @@
 import { vpTest } from '../../fixtures/vpTest';
-import { test } from '@playwright/test';
-import { waitForPageToLoadWithTimeout } from '../../src/helpers/waitForPageToLoadWithTimeout';
 import { getLinkByName } from '../../testData/pageLinksData';
 import { ExampleLinkName } from '../../testData/ExampleLinkNames';
+import { testVideoTransformationsPageVideoIsPlaying } from '../commonSpecs/videoTransformationsPage';
 
 const link = getLinkByName(ExampleLinkName.VideoTransformations);
 
 vpTest(`Test if 3 videos on video transformations page are playing as expected`, async ({ page, pomPages }) => {
-    await test.step('Navigate to video transformations page by clicking on link', async () => {
-        await pomPages.mainPage.clickLinkByName(link.name);
-        await waitForPageToLoadWithTimeout(page, 5000);
-    });
-    await test.step('Validating that via source transformation video is playing', async () => {
-        await pomPages.videoTransformationsPage.viaSourceVideoComponent.validateVideoIsPlaying(true);
-    });
-    await test.step('Validating that via player transformation video is playing', async () => {
-        await pomPages.videoTransformationsPage.viaPlayerVideoComponent.validateVideoIsPlaying(true);
-    });
-    await test.step('Scroll until data cld transformation video element is visible', async () => {
-        await pomPages.videoTransformationsPage.viaDataCldTransformationsVideoComponent.locator.scrollIntoViewIfNeeded();
-    });
-    await test.step('Validating that via data cld transformation video is playing', async () => {
-        await pomPages.videoTransformationsPage.viaDataCldTransformationsVideoComponent.validateVideoIsPlaying(true);
-    });
+    await testVideoTransformationsPageVideoIsPlaying(page, pomPages, link);
 });

test/e2e/specs/commonSpecs/videoTransformationsPage.ts

@@ -0,0 +1,23 @@
+import { Page, test } from '@playwright/test';
+import { waitForPageToLoadWithTimeout } from '../../src/helpers/waitForPageToLoadWithTimeout';
+import PageManager from '../../src/pom/PageManager';
+import { ExampleLinkType } from '../../types/exampleLinkType';
+
+export async function testVideoTransformationsPageVideoIsPlaying(page: Page, pomPages: PageManager, link: ExampleLinkType) {
+    await test.step('Navigate to video transformations page by clicking on link', async () => {
+        await pomPages.mainPage.clickLinkByName(link.name);
+        await waitForPageToLoadWithTimeout(page, 5000);
+    });
+    await test.step('Validating that via source transformation video is playing', async () => {
+        await pomPages.videoTransformationsPage.viaSourceVideoComponent.validateVideoIsPlaying(true);
+    });
+    await test.step('Validating that via player transformation video is playing', async () => {
+        await pomPages.videoTransformationsPage.viaPlayerVideoComponent.validateVideoIsPlaying(true);
+    });
+    await test.step('Scroll until data cld transformation video element is visible', async () => {
+        await pomPages.videoTransformationsPage.viaDataCldTransformationsVideoComponent.locator.scrollIntoViewIfNeeded();
+    });
+    await test.step('Validating that via data cld transformation video is playing', async () => {
+        await pomPages.videoTransformationsPage.viaDataCldTransformationsVideoComponent.validateVideoIsPlaying(true);
+    });
+}