Угловая форма с PrimeNg Editor -> как тестировать с Cypress.io - PullRequest
Новая
       10

Угловая форма с PrimeNg Editor -> как тестировать с Cypress.io

0 голосов
/ 09 декабря 2018

Как я могу добавить текст в PrimeNg Editor с Cypress.io 

it('Send Email', () => {
  cy.get('#email').type('info@bandbee.com');
  cy.get('#subject').type('test');
  cy.get('#description').type('check quill');
  cy.contains('Senden').click()
})

Я получил эту ошибку:

CypressError: сбой cy.type (), потому что для этого требуетсядопустимый печатный элемент.

Вот мой HTML: 

  <div class="ui-g-12 ui-md-12 ui-lg-8">
        <p-editor id="description" [style]="{'min-height':'300px'}" placeholder="...Text hier"
                  formControlName="message">
          <p-header>

          <span class="ql-formats">
              <select class="ql-size">
                  <option value="small"></option>
                  <option selected></option>
                  <option value="large"></option>
                  <option value="huge"></option>
                </select>
          </span>
            <span class="ql-formats">
                  <select class="ql-font">
                  </select>
          </span>
            <span class="ql-formats">
                  <select class="ql-color">
                  </select>
               <select class="ql-background">
                  </select>
          </span>
            <span class="ql-formats">
              <button class="ql-bold" aria-label="Bold"></button>
              <button class="ql-italic" aria-label="Italic"></button>
              <button class="ql-underline" aria-label="Underline"></button>
             <button class="ql-strike" aria-label="Strike"></button>
          </span>
            <span class="ql-formats">
              <select class="ql-align">
                  </select>
      <button class="ql-clean" aria-label="Clean"></button>
          </span>
          </p-header>
        </p-editor>
      </div>

PrimeNg Editor основан на Quill

...