1

我有一个新的 ember-cli 应用程序，并且正在设置集成测试以单击页面上的按钮并显示模式窗口（或在单击按钮后检查它是否存在）。

这是集成测试：

import { test } from 'ember-qunit';
import Ember from 'ember';
import startApp from '../helpers/start-app';

var App;

module('Integration Test - Guest Page', {
  setup: function(){
    App = startApp();
  },
  teardown: function(){
    Ember.run(App, 'destroy');
  }
});


test('guest login modal loads after click', function() {

  expect(3);

  visit('/guest');

  andThen(function() {
    var $modalLink = $("button#guestModalBtn"),
        $modalWindow = $(".modal", "div");
    ok(find($modalLink).length, 'guestModalBtn is present');
    ok(!find($modalWindow).length, 'guest modal element IS NOT present');

    click('.guestmodal');

  });

});

一旦点击 click() 请求，测试就会失败：

TypeError: undefined is not a function

我在网上看到的所有例子都有这个方法。绝对是点击，因为我把它拿出来了，所有结果在 QUnit 中都是绿色的。

这是正在相关路线上加载的模板：

{{outlet}}

<button id="guestModalBtn" 
    class="guestmodal" 
    {{action 'showModal' 'guest-details-modal' model}}>
Guest Details
</button>

作为对以下评论的回应（谢谢），showModal 操作源自 routes/application.js 文件，如下所示：

import Ember from 'ember';

export default Ember.Route.extend({
  actions: {
    showModal: function(name, content) {
      this.controllerFor(name).set('content', content);
      this.render(name, {
        into: 'application',
        outlet: 'modal'
      });
    },
    removeModal: function() {
      this.disconnectOutlet({
        outlet: 'modal',
        parentView: 'application'
      });
    }
  }
});

如果有人能告诉我我做错了什么或者为什么这个点击事件没有触发（或发现），我将非常感激。

非常感谢

4

1 回答 1

0

尝试将按钮的 id 传递给点击助手而不是类。如果您有多个具有该类名称的元素，我不确定单击助手将如何解决要单击的内容。

改变：

click('.guestmodal');

至

click('#guestModalBtn')
于 2014-11-18T16:47:57.830 回答