test: video-config e2e

Author: tsi

src/index.js

@@ -28,7 +28,6 @@ export const player = async (id, playerOptions, ready) => {
 
   try {
     const mergedOptions = await fetchAndMergeConfig(options);
-    
     return new VideoPlayer(videoElement, mergedOptions, ready);
   } catch (e) {
     const videoPlayer = new VideoPlayer(videoElement, options);

src/utils/fetch-config.js

@@ -27,18 +27,21 @@ const fetchConfig = async (options) => {
   // And:
   // `${urlPrefix}/profile/${profile.replaceAll(' ', '+')}.json`;
 
-  let profileUrl;
+  let configUrl;
   if (profile) {
-    profileUrl = isRawUrl(profile) 
+    configUrl = isRawUrl(profile) 
       ? profile 
       : `${urlPrefix}/${profile.replaceAll(' ', '+')}.json`;
   } else if (publicId) {
-    profileUrl = `${urlPrefix}/video/${type}/${publicId}.json`;
+    configUrl = `${urlPrefix}/video/${type}/${publicId}.json`;
+    // TODO: remove when endpoints are ready
+    console.log('This will fetch:', configUrl);
+    return {};
   } else {
     return {};
   }
 
-  return fetch(profileUrl, { method: 'GET' }).then(res => {
+  return fetch(configUrl, { method: 'GET' }).then(res => {
     if (!res.ok) {
       // fail silently
       return {};
@@ -49,6 +52,18 @@ const fetchConfig = async (options) => {
 
 export const fetchAndMergeConfig = async (options) => {
   const profileOptions = await fetchConfig(options);
-  return Object.assign({}, profileOptions.playerOptions, profileOptions.sourceOptions, options);
+  const profileAnalytics = {
+    _internalAnalyticsMetadata: {
+      newPlayerMethod: true,
+      profile: options.profile ? (isDefaultProfile(options.profile) ? options.profile : true) : undefined
+    }
+  };
+  return Object.assign(
+    {}, 
+    profileOptions.playerOptions || {}, 
+    profileOptions.sourceOptions || {}, 
+    options,
+    profileAnalytics
+  );
 };
 

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

@@ -6,7 +6,7 @@ import { ESM_URL } from '../../testData/esmUrl';
 
 const link = getEsmLinkByName(ExampleLinkName.Profiles);
 
-vpTest(`Test if 3 videos on ESM profiles page are playing as expected`, async ({ page, pomPages }) => {
+vpTest(`Test if 5 videos on ESM profiles page are playing as expected`, async ({ page, pomPages }) => {
     await page.goto(ESM_URL);
     await testProfilesPageVideoIsPlaying(page, pomPages, link);
 });

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

@@ -5,6 +5,6 @@ import { testProfilesPageVideoIsPlaying } from '../commonSpecs/profilesPageVideo
 
 const link = getLinkByName(ExampleLinkName.Profiles);
 
-vpTest(`Test if 3 videos on profiles page are playing as expected`, async ({ page, pomPages }) => {
+vpTest(`Test if 5 videos on profiles page are playing as expected`, async ({ page, pomPages }) => {
     await testProfilesPageVideoIsPlaying(page, pomPages, link);
 });

test/e2e/specs/commonSpecs/profilesPageVideoPlaying.ts

@@ -17,10 +17,22 @@ export async function testProfilesPageVideoIsPlaying(page: Page, pomPages: PageM
     await test.step('Validating that custom profile video is playing', async () => {
         await pomPages.profilesPage.profilesCustomProfileVideoComponent.validateVideoIsPlaying(true);
     });
-    await test.step('Scroll until custom profile overrides video element is visible', async () => {
-        await pomPages.profilesPage.profilesCustomProfileOverridesVideoComponent.locator.scrollIntoViewIfNeeded();
+    await test.step('Scroll until profile override video element is visible', async () => {
+        await pomPages.profilesPage.profilesProfileOverrideVideoComponent.locator.scrollIntoViewIfNeeded();
     });
-    await test.step('Validating that custom profile overrides video is playing', async () => {
-        await pomPages.profilesPage.profilesCustomProfileOverridesVideoComponent.validateVideoIsPlaying(true);
+    await test.step('Validating that profile override video is playing', async () => {
+        await pomPages.profilesPage.profilesProfileOverrideVideoComponent.validateVideoIsPlaying(true);
+    });
+    await test.step('Scroll until source override video element is visible', async () => {
+        await pomPages.profilesPage.profilesSourceOverrideVideoComponent.locator.scrollIntoViewIfNeeded();
+    });
+    await test.step('Validating that source override video is playing', async () => {
+        await pomPages.profilesPage.profilesSourceOverrideVideoComponent.validateVideoIsPlaying(true);
+    });
+    await test.step('Scroll until asset config video element is visible', async () => {
+        await pomPages.profilesPage.profilesAssetConfigVideoComponent.locator.scrollIntoViewIfNeeded();
+    });
+    await test.step('Validating that asset config video is playing', async () => {
+        await pomPages.profilesPage.profilesAssetConfigVideoComponent.validateVideoIsPlaying(true);
     });
 }

test/e2e/src/pom/profilesPage.ts

@@ -3,20 +3,26 @@ import { VideoComponent } from '../../components/videoComponent';
 import { BasePage } from './BasePage';
 const PROFILES_PAGE_DEFAULT_PROFILE_VIDEO_SELECTOR = '//*[@id="player-default-profile_html5_api"]';
 const PROFILES_PAGE_CUSTOM_PROFILE_VIDEO_SELECTOR = '//*[@id="player-custom-profile_html5_api"]';
-const PROFILES_PAGE_CUSTOM_PROFILE_OVERRIDES_VIDEO_SELECTOR = '//*[@id="player-custom-profile-overrides_html5_api"]';
+const PROFILES_PAGE_PROFILE_OVERRIDE_VIDEO_SELECTOR = '//*[@id="player-profile-override_html5_api"]';
+const PROFILES_PAGE_SOURCE_OVERRIDE_VIDEO_SELECTOR = '//*[@id="player-source-override_html5_api"]';
+const PROFILES_PAGE_ASSET_CONFIG_VIDEO_SELECTOR = '//*[@id="player-asset-config_html5_api"]';
 
 /**
  * Video player examples profiles page object
  */
 export class ProfilesPage extends BasePage {
     public profilesDefaultProfileVideoComponent: VideoComponent;
     public profilesCustomProfileVideoComponent: VideoComponent;
-    public profilesCustomProfileOverridesVideoComponent: VideoComponent;
+    public profilesProfileOverrideVideoComponent: VideoComponent;
+    public profilesSourceOverrideVideoComponent: VideoComponent;
+    public profilesAssetConfigVideoComponent: VideoComponent;
 
     constructor(page: Page) {
         super(page);
         this.profilesDefaultProfileVideoComponent = new VideoComponent(page, PROFILES_PAGE_DEFAULT_PROFILE_VIDEO_SELECTOR);
         this.profilesCustomProfileVideoComponent = new VideoComponent(page, PROFILES_PAGE_CUSTOM_PROFILE_VIDEO_SELECTOR);
-        this.profilesCustomProfileOverridesVideoComponent = new VideoComponent(page, PROFILES_PAGE_CUSTOM_PROFILE_OVERRIDES_VIDEO_SELECTOR);
+        this.profilesProfileOverrideVideoComponent = new VideoComponent(page, PROFILES_PAGE_PROFILE_OVERRIDE_VIDEO_SELECTOR);
+        this.profilesSourceOverrideVideoComponent = new VideoComponent(page, PROFILES_PAGE_SOURCE_OVERRIDE_VIDEO_SELECTOR);
+        this.profilesAssetConfigVideoComponent = new VideoComponent(page, PROFILES_PAGE_ASSET_CONFIG_VIDEO_SELECTOR);
     }
 }