hedgedoc/cypress/support/fill.ts

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

declare namespace Cypress {
  interface Chainable {
    /**
     * Custom command to fill an input field with text and trigger a change event.
     * @example cy.get(input).fill('content')
     */
    fill(value: string): Chainable<Element>

    setCodemirrorContent(value: string): Chainable<Element>
  }
}

Cypress.Commands.add(
  'fill',
  {
    prevSubject: 'element'
  },
  (subject, value) => {
    return cy.wrap(subject).invoke('val', value).trigger('change', { force: true })
  }
)

Cypress.Commands.add('setCodemirrorContent', (content: string) => {
  const line = content.split('\n').find((value) => value !== '')
  cy.get('.CodeMirror').click().get('textarea').type('{ctrl}a').type('{backspace}').fill(content)
  if (line) {
    cy.get('.CodeMirror').find('.CodeMirror-line').should('contain.text', line)
  }
})