Ember.js动态路由不是在测试中解析,而是在生产中工作



所以,我尝试使用Twitter风格的URL语法,允许用户去example.com/quaunaut访问用户名为"quaunaut"的用户页面。我能够通过以下方式完成此操作:

应用/路由器.js

export default Router.map(function() {
  this.route('users.show', { path: '/:user_username' });
});

应用/路线/用户/显示.js

export default Ember.Route.extend({
  model: function(params) {
    return this.store.find('user', { username: params.user_username }).then(function(result) {
      return result.get('firstObject');
    });
  },
  serialize: function(model) {
    return { user_username: model.get('username') };
  }
});

现在,当通过ember s实时或运行时,这非常有效。但是,在测试中,似乎由于某种原因无法解决。

var application, server, USERS;
USERS = {
  'example1': [{
    id: 1,
    username: 'example1'
  }],
  'example2': [{
    id: 2,
    username: 'example2'
  }]
};
module('Acceptance: UsersShow', {
  beforeEach: function() {
    application = startApp();
    server = new Pretender(function() {
      this.get('/api/users', function(request) {
        return [
          201,
          { 'content-type': 'application/javascript' },
          JSON.stringify(USERS[request.queryParams.username])
        ];
      });
    });
  },
  afterEach: function() {
    Ember.run(application, 'destroy');
    server.shutdown();
  }
});
test('visiting users.show route', function(assert) {
  visit('/example1');
  andThen(function() {
    assert.equal(currentPath(), 'users.show');
    assert.equal(find('#username').text(), 'example1');
  });
});

这将产生以下测试结果:

Acceptance: UsersShow: visiting users.show route
    ✘ failed
         expected users.show
    ✘ failed
         expected example1

那么,有什么想法为什么currentPath()没有解决吗?如果您也对实施我在这里想要做的事情的更好方法有任何建议,我当然愿意接受。

你的visit语法不太正确,应该是:

test('visiting users.show route', function(assert) {
  visit('/example1').then(function() {
    assert.equal(currentPath(), 'users.show');
    assert.equal(find('#username').text(), 'example1');
  });
});

相关内容

  • 没有找到相关文章

最新更新