Question

我正在尝试测试要与aurelia-dialog一起使用的自定义对话框组件，该组件通过activate()方法获取其属性绑定。为了测试组件，我使用<compose>元素设置测试，该元素也使用activate()方法，如下所示：

beforeEach(() => {
  component = StageComponent
    .withResources('path/to/dialogComponent')
    .inView(`<compose view-model="path/to/dialogComponent" model.bind="mockModel">
             </compose>`)
    .boundTo(mockModel);
});

但是，当我来测试绑定属性的视图模型时，我得到的是实际视图模型的空值。

describe('#someComponentMethod()', () => {
  it('Should exist', done => {
    // In the past, I succesfully accessed child viewModels for
    // compose through the following property, after a general package update, 
    // this seems not to work anymore
    let viewModel = component.viewModel.currentViewModel

    expect(viewModel.someComponentMethod).toBeDefined(); 
    // ==> Runtime error, since currentViewModel === null

    done();
  });
});

是否有一种已知或更好的方法来测试没有可绑定属性但依赖于activate()绑定模型的自定义元素？

此外，为了测试渲染：似乎存在可能相关的类似问题：Aurelia Testing Composed Custom Element

Answer 1

你可以调用create函数并传入从aurelia-bootstrapper导入的boostrap，如下所示：

import { bootstrap } from 'aurelia-bootstrapper';

...

component.create(bootstrap);

当我调用create时，构建并填充viewModel。 create函数是等待的，因此您可以访问.then（（）=＆gt; component.viewModel）中的viewmodel属性，或者像这样使用async / await：

await component.create(bootstrap);

Aurelia使用<compose>

1 个答案: