@bbc/react-transcript-editor/dist/TranscriptEditor/MediaPlayer/index.test.js

A React component to make transcribing audio and video easier and faster.

import React from 'react';
import { render, cleanup } from 'react-testing-library';
import { shallow } from 'enzyme';

import MediaPlayer from '.';

afterEach(cleanup);

const fakeVideoUrl = 'https://storage.googleapis.com/coverr-main/mp4/Pigeon-Impossible.mp4';

xtest('GIVEN a chapter title I expect that WHEN the Video component is rendered THEN the correct title is displayed', () => {
  const { container } = render(<MediaPlayer mediaUrl={ fakeVideoUrl } />);

  expect(container.innerHTML).toContain('videoSection');
});

xtest("GIVEN a video as a chapter with src video url THEN the video is rendered with it's source url", () => {
  const { getByTestId } = render(<MediaPlayer mediaUrl={ fakeVideoUrl } />);

  expect(getByTestId('media-player-id').attributes.src.value).toBe(fakeVideoUrl);
});
xtest('WHEN the Video component is rendered THEN a video element is displayed', () => {
  const wrapper = shallow(<MediaPlayer mediaUrl={ fakeVideoUrl } />);
  expect(wrapper.find('video').type()).toBe('video');
});