hedgedoc/cypress/integration/linkEmbedder.spec.ts

/*
 * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
 *
 * SPDX-License-Identifier: AGPL-3.0-only
 */

describe('Link gets replaced with embedding: ', () => {
  beforeEach(() => {
    cy.visitTestEditor()
  })

  // TODO Add general testing of one-click-embedding component. The tests below just test a specific use of the component.

  it('GitHub Gist', () => {
    cy.setCodemirrorContent('https://gist.github.com/schacon/1')
    cy.getMarkdownBody()
      .find('.one-click-embedding.gist-frame')
      .click()
    cy.getMarkdownBody()
      .find('iframe[data-cypress-id=gh-gist]')
      .should('be.visible')
  })

  it('YouTube', () => {
    cy.setCodemirrorContent('https://www.youtube.com/watch?v=YE7VzlLtp-4')
    cy.getMarkdownBody()
      .find('.one-click-embedding-preview')
      .should('have.attr', 'src', 'https://i.ytimg.com/vi/YE7VzlLtp-4/maxresdefault.jpg')
      .parent()
      .click()
    cy.getMarkdownBody()
      .find('iframe')
      .should('have.attr', 'src', 'https://www.youtube-nocookie.com/embed/YE7VzlLtp-4?autoplay=1')
  })

  it('Vimeo', () => {
    cy.intercept({
      method: 'GET',
      url: 'https://vimeo.com/api/v2/video/23237102.json'
    }, {
      statusCode: 200,
      headers: {
        'content-type': 'application/json'
      },
      body: '[{"thumbnail_large": "https://i.vimeocdn.com/video/503631401_640.jpg"}]'
    })
    cy.setCodemirrorContent('https://vimeo.com/23237102')
    cy.getMarkdownBody()
      .find('.one-click-embedding-preview')
      .should('have.attr', 'src', 'https://i.vimeocdn.com/video/503631401_640.jpg')
      .parent()
      .click()
    cy.getMarkdownBody()
      .find('iframe')
      .should('have.attr', 'src', 'https://player.vimeo.com/video/23237102?autoplay=1')
  })

  it('Asciinema', () => {
    cy.setCodemirrorContent('https://asciinema.org/a/117928')
    cy.getMarkdownBody()
      .find('.one-click-embedding-preview')
      .should('have.attr', 'src', 'https://asciinema.org/a/117928.png')
      .parent()
      .click()
    cy.getMarkdownBody()
      .find('iframe')
      .should('have.attr', 'src', 'https://asciinema.org/a/117928/embed?autoplay=1')
  })
})