Question

我使用skelton-plugin创建了一个aurelia插件https://github.com/aurelia/skeleton-plugin我正在考虑为它编写单元测试。我正在努力为我添加到项目中的自定义元素运行单元测试。我开始使用http://aurelia.io/hub.html#/doc/article/aurelia/testing/latest/testing-components/3

中的'测试自定义元素'示例

模板：

<template>
  <div class="firstName">${firstName}</div>
</template>

VM

import {bindable} from 'aurelia-framework';

export class MyComponent {
  @bindable firstName;
}

我将此添加到src文件夹中。

我的测试代码是

import {StageComponent} from 'aurelia-testing';
import {bootstrap} from 'aurelia-bootstrapper';

describe('MyComponent', () => {
  let component;

  beforeEach(() => {
    component = StageComponent
      .withResources('my-component')
      .inView('<my-component first-name.bind="firstName"></my-component>')
      .boundTo({ firstName: 'Bob' });
  });

  it('should render first name', done => {
    component.create(bootstrap).then(() => {
      const nameElement = document.querySelector('.firstName');
      expect(nameElement.innerHTML).toBe('Bob');
      done();
    }).catch(e => { console.log(e.toString()) });
  });

  afterEach(() => {
    component.dispose();
  });
});

我jspm安装了aurelia-bootstrapper和aurelia-testing以使其运行。我现在得到错误

Error{stack: '(SystemJS) XHR error (404 Not Found) loading http://localhost:9876/base/my-component.js

所以看起来业力无法找到我的组件。我检查了karma.config文件和jspm loadFiles：['test / setup.js'，'test / unit / ** / * .js']，看起来是正确的。有没有人遇到类似的问题？

Answer 1

解决了这个问题。

在karma.config.js文件中需要更改 serveFiles：['src / / 。'] 至 serveFiles：['src / / * .js'，'src / ** / * .html']

aurelia / skeleton-plugin无法在custum元素上运行测试

1 个答案: