context('/examples/markdown-shortcuts', () => {
  before(() => {
    cy.visit('/examples/markdown-shortcuts')
  })

  beforeEach(() => {
    cy.get('.ProseMirror').then(([{ editor }]) => {
      editor.clearContent()
    })
  })

  it('should make a h1', () => {
    cy.get('.ProseMirror')
      .type('# Headline', { force: true })
      .find('h1')
      .should('contain', 'Headline')
  })

  it('should make a h2', () => {
    cy.get('.ProseMirror')
      .type('## Headline', { force: true })
      .find('h2')
      .should('contain', 'Headline')
  })

  it('should make a h3', () => {
    cy.get('.ProseMirror')
      .type('### Headline', { force: true })
      .find('h3')
      .should('contain', 'Headline')
  })

  it('should make a h4', () => {
    cy.get('.ProseMirror')
      .type('#### Headline', { force: true })
      .find('h4')
      .should('contain', 'Headline')
  })

  it('should make a h5', () => {
    cy.get('.ProseMirror')
      .type('##### Headline', { force: true })
      .find('h5')
      .should('contain', 'Headline')
  })

  it('should make a h6', () => {
    cy.get('.ProseMirror')
      .type('###### Headline', { force: true })
      .find('h6')
      .should('contain', 'Headline')
  })

  it('should create inline code', () => {
    cy.get('.ProseMirror')
      .type('`$foobar`', { force: true })
      .find('code')
      .should('contain', '$foobar')
  })

  it.skip('should create a code block without language', () => {
    cy.get('.ProseMirror')
      .type('``` {enter}const foo = bar{enter}```', { force: true })
      .find('pre')
      .should('contain', 'const foo = bar')
  })

  it.skip('should create a bullet list from asteriks', () => {
    cy.get('.ProseMirror')
      .type('* foobar', { force: true })
      .find('ul')
      .should('contain', 'foobar')
  })

  it.skip('should create a bullet list from dashes', () => {
    cy.get('.ProseMirror')
      .type('- foobar', { force: true })
      .find('ul')
      .should('contain', 'foobar')
  })

  it.skip('should create a bullet list from pluses', () => {
    cy.get('.ProseMirror')
      .type('+ foobar', { force: true })
      .find('ul')
      .should('contain', 'foobar')
  })

  it.skip('should create a ordered list', () => {
    cy.get('.ProseMirror')
      .type('1. foobar', { force: true })
      .find('ol')
      .should('contain', 'foobar')
  })

  it.skip('should create a blockquote', () => {
    cy.get('.ProseMirror')
      .type('> foobar', { force: true })
      .find('blockquote')
      .should('contain', 'foobar')
  })
})