umbraco-cypress-testhelpers/src/cypress/commands/umbracoEditorHeaderName.ts

Test helpers for making Cypress tests for Umbraco solutions

import CommandBase from './commandBase';
import { AliasHelper } from '../../helpers/aliasHelper';

export default class UmbracoEditorHeaderName extends CommandBase {
  _commandName = 'umbracoEditorHeaderName';

  method(typedText) {
    const cy = this.cy;
    const cypress = this.cypress;

    cypress.log({
      displayName: 'Umbraco Editor Header Name',
    });

    cy.get('#headerName', { log: false }).type(typedText, { timeout: 10000 }).should('have.value', typedText);

    cy.get('.umb-editor-header__name-wrapper').then(($wrapper) => {
      if ($wrapper.find('[name="lockedFieldForm"]').length > 0) {
        const alias = AliasHelper.toAlias(typedText);
        cy.get('input[name="lockedField"]').should('have.value', alias);
      }
    });
  }
}