kitten-components/assets/javascripts/kitten/components/media/embed-player.test.js

Front-end components library

import React from 'react'
import renderer from 'react-test-renderer'
import { EmbedPlayer } from 'kitten/components/media/embed-player'

describe('<EmbedPlayer />', () => {
  let component

  describe('by default', () => {
    beforeEach(() => {
      component = renderer.create(<EmbedPlayer />).toJSON()

      it('matches with snapshot', () => {
        expect(component).toMatchSnapshot()
      })
    })
  })

  describe('with some props', () => {
    beforeEach(() => {
      component = renderer
        .create(
          <EmbedPlayer
            previewProps={{
              thumbnail: {
                src: 'https://placehold.it/620x376/caf4fe/caf4fe',
                alt: 'Une image',
              },
            }}
            playButtonLabel="Play"
            ratio={376 / 620 * 100}
            iframeHtml="<iframe
                width='620'
                height='376'
                src='https://www.youtube.com/embed/30wT8ZJOeDA'
                frameborder='0' allow='autoplay; encrypted-media'
                allowfullscreen
              ></iframe>"
          />,
        )
        .toJSON()
    })

    it('matches with snapshot', () => {
      expect(component).toMatchSnapshot()
    })
  })
})