如何使用实习生单击并键入阴影区域中的元素

Question

我有一个Google聚合物项目，我正在尝试用Intern实现功能测试，在这里可以找到：

https://theintern.github.io/

我试图测试的代码在Shadow DOM中，因为页面使用各种web组件。考试的主要目的是填写表格并张贴数据。守则的结构如下：

<app>
#shadow-root
  <login-form>
  #shadow-root
    <card>
    #shadow-root
       <paper-input>
       #shadow-root
         <iron-input>
           email
         </iron-input>
       </paper-input>
       <paper-input>
       #shadow-root
         <iron-input>
           password
         </iron-input>
       </paper-input>
       <paper-button>
           submit
       </paper-button>
    </card>
  </login-form>
</app>

其中“#影子-根”意味着代码是如何在浏览器中表示的。

我用过

document.querySelector('app').document.querySelector('login-form')...etc

若要访问特定元素，但无法找到单击元素的方法，请键入字段，并在完成后单击“提交”按钮。实习医生有办法这么做吗？

Answer 1

我认为你应该看看实习生-实例，知道如何用实习生编写函数测试。

例如，这里是编写测试的方式(打开url，按id查找元素，单击元素，键入某事.)

define([
  'intern!object',
  'intern/chai!assert',
  'require'
], function (registerSuite, assert, require) {
  var url = '../../index.html';

  registerSuite({
    name: 'Todo (functional)',

    'submit form': function () {
      return this.remote
        .get(require.toUrl(url))
        .findById('new-todo')
        .click()
        .pressKeys('Task 1')
        .pressKeys('\n')
        .pressKeys('Task 2')
        .pressKeys('\n')
        .pressKeys('Task 3')
        .getProperty('value')
        .then(function (val) {
          assert.ok(val.indexOf('Task 3') > -1, 'Task 3 should remain in the new todo');
        });
    }
  });
});