Question

尝试使用Ember响应式add-on为我的验收测试添加断点。我认为我已将所有设置正确，并且断点在我的车把模板中工作正常，但是在运行测试时出现了一个奇怪的错误。这是错误：

Error: Could not find module `ember-responsive/media` imported from `{my_repo}/tests/helpers/responsive`

TypeError: Cannot read property 'exports' of undefined

我正在使用Beta版（如我的package.json中所指定）：

    "ember-responsive": "^3.0.0-beta.3",

我正在将帮助程序导入我的start-app.js：

import './responsive';

在我的测试文件中，我导入setBreakpoint如下：

import { setBreakpoint } from 'ember-responsive/test-support';

这是我的考试不及格：

test('menu icon appears on mobile', function(assert)  {
  assert.expect(1);

  setBreakpoint('mobile');
  visit('/home');

  andThen(function() {
    assert.equal(find('#menu .app-menu .menu-icon').length, 1);
  });

});

:( :( :(有任何想法？我必须从v.2升级余烬响应，所以也许我做错了什么？我只是使用npm进行了卸载，然后重新安装。

Answer 1

（有点）想出其他正在苦苦挣扎的人：

我降级到2.0.5版（首先升级的原因是，我认为您只能在v.3中运行测试-不正确）。

然后我从测试中注释了import { setBreakpoint } from 'ember-responsive/test-support'。不用了在您的import './responsive';文件中保留start-app.js。

确保在车把模板中为media使用正确的语法！它从v.2更改为v.3。

灰烬响应式：无法使setBreakpoint（）接受测试助手起作用

1 个答案: