hedgedoc/cypress/integration/documentTitle.spec.ts

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

import { branding } from '../support/config'

const title = 'This is a test title'
describe('Document Title', () => {
  beforeEach(() => {
    cy.visitTestEditor()
    cy.get('.btn.active.btn-outline-secondary > i.fa-columns')
      .should('exist')
  })

  describe('title should be yaml metadata title', () => {
    it('just yaml metadata title', () => {
      cy.setCodemirrorContent(`---\ntitle: ${ title }\n---`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })

    it('yaml metadata title and opengraph title', () => {
      cy.setCodemirrorContent(`---\ntitle: ${ title }\nopengraph:\n  title: False title\n---`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })

    it('yaml metadata title, opengraph title and first heading', () => {
      cy.setCodemirrorContent(`---\ntitle: ${ title }\nopengraph:\n  title: False title\n---\n# a first title`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })
  })

  describe('title should be opengraph title', () => {
    it('just opengraph title', () => {
      cy.setCodemirrorContent(`---\nopengraph:\n  title: ${ title }\n---`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })

    it('opengraph title and first heading', () => {
      cy.setCodemirrorContent(`---\nopengraph:\n  title: ${ title }\n---\n# a first title`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })
  })

  describe('title should be first heading', () => {
    it('just first heading', () => {
      cy.setCodemirrorContent(`# ${ title }`)
      cy.title()
        .should('eq', `${ title } - HedgeDoc @ ${ branding.name }`)
    })

    it('just first heading with alt-text instead of image', () => {
      cy.setCodemirrorContent(`# ${ title } ![abc](https://dummyimage.com/48)`)
      cy.title()
        .should('eq', `${ title } abc - HedgeDoc @ ${ branding.name }`)
    })

    it('just first heading without link syntax', () => {
      cy.setCodemirrorContent(`# ${ title } [link](https://hedgedoc.org)`)
      cy.title()
        .should('eq', `${ title } link - HedgeDoc @ ${ branding.name }`)
    })

    it('markdown syntax removed first', () => {
      cy.setCodemirrorContent(`# ${ title } 1*2*3 4*5**`)
      cy.title()
        .should('eq', `${ title } 123 4*5** - HedgeDoc @ ${ branding.name }`)
    })

    it('markdown syntax removed second', () => {
      cy.setCodemirrorContent(`# ${ title } **1 2*`)
      cy.title()
        .should('eq', `${ title } *1 2 - HedgeDoc @ ${ branding.name }`)
    })

    it('markdown syntax removed third', () => {
      cy.setCodemirrorContent(`# ${ title } _asd_`)
      cy.title()
        .should('eq', `${ title } asd - HedgeDoc @ ${ branding.name }`)
    })

    it('katex code looks right', () => {
      cy.setCodemirrorContent(`# $\\alpha$-foo`)
      cy.getIframeBody()
        .find('h1')
        .should('contain', 'α')
      cy.get('.CodeMirror textarea')
        .type('{Enter}{Enter}{Enter}{Enter}{Enter}') //This is a workaround because I don't know how to make sure, that the title gets updated in time.
      cy.title()
        .should('eq', `α-foo - HedgeDoc @ ${ branding.name }`)
    })
  })
})