PrimeNg编辑器的角形->如何使用Cypress.io测试

时间:2018-12-09 11:03:14

标签: angular editor primeng e2e-testing cypress

如何通过Cypress.io在PrimeNg Editor中添加文本

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>

基于Quill的Primeme编辑器

0 个答案:

没有答案