playable/src/testkit/index.ts

Video player based on HTML5Video

import { container } from '../core/player-factory';
import DependencyContainer from '../core/dependency-container';

const { asClass } = DependencyContainer;

function setProperty(target: any, propertyKey: any, propertyValue: any) {
  Reflect.defineProperty(target, propertyKey, {
    ...Reflect.getOwnPropertyDescriptor(
      target.constructor.prototype,
      propertyKey,
    ),
    get: () => propertyValue,
  });
}

function resetProperty(target: any, propertyKey: any) {
  Reflect.deleteProperty(target, propertyKey);
}

export { setProperty, resetProperty };

export default function createPlayerTestkit(config = {}, adapters: any = []) {
  const scope = container.createScope();

  scope.registerValue('config', config);
  scope.registerValue('themeConfig', null);
  scope.registerValue('availablePlaybackAdapters', [...adapters]);

  return {
    getModule(name: string) {
      return scope.resolve(name);
    },
    registerModule(name: string, fn: Function) {
      scope.register(name, asClass(fn));
    },
    registerModuleAsSingleton(name: string, fn: Function) {
      scope.register(name, asClass(fn).scoped());
    },
    setConfig(newConfig: object) {
      scope.registerValue('config', {
        ...newConfig,
      });
    },
    setPlaybackAdapters(newAdapters: any) {
      scope.registerValue('availablePlaybackAdapters', [...newAdapters]);
    },
  };
}