单个测试在PhantomJS中失败，但在Chrome和Firefox中有效

Question

我在Ember.js 1.10、Ember CLI 0.1.12中进行了一次验收测试，该测试在PhantomJS上失败，但在Chrome和Firefox中运行良好。我已经试着调试了两天，但我的想法已经用完了。测试的名称为用户在登录时只能查看已登录的页面。基本上，当你没有登录并试图访问classic路由时，例如/about，你会被重定向到经典路由的beforeModel挂钩中的start.login：

beforeModel: ->
  if not @controllerFor('application').get 'logged'
    @transitionTo 'start.login'

当您在start.login上并且您将给出正确的名称和用户名时，StartLoginController中的logIn操作将被调用：

logIn: ->
  if not @get('logged')
    @get('controllers.application').send 'logIn', @get('username'), @get('password'), @get('rememberMe')

它在ApplicationController中调用以下操作：

  actions:
    logIn: (username, password, remember) ->
      if not @get 'logged'
        $.ajax
          url: @get('apiURL') + '/auth/login'
          type: 'POST'
          data:
            name: username
            password: password
            remember: remember
          xhrFields:
            withCredentials: true #ensure CORS
        .then (response) =>
          if response.success
            expires = if remember then new Date(response.cookieExpiration) else null
            $.cookie 'auth_user_id', response.user.id,
              expires: expires
              path: '/'
            $.cookie 'auth_expiration', response.cookieExpiration,
              expires: expires
              path: '/'
            @setProperties
              logged: true
              'controllers.auth.userId': response.user.id
            @transitionToRoute 'classic.index'
        , =>
          @send 'openModal', 'modal/wrong-credentials'
      false

这甚至在PhantomJS中也能很好地工作。其他测试通过。操作调用正确，属性设置正确，cookie设置正确。即使是beforeModel钩子也能正确调用（或不正确调用）transitionTo方法。我认为PhantomJS的问题在于调用事物的异步顺序，但我在许多地方尝试过将代码包装在Ember.run和andThen中。一点运气都没有。

testem.json:

{
  "framework": "qunit",
  "test_page": "tests/index.html?hidepassed",
  "launch_in_ci": [
    "PhantomJS"
  ],
  "launch_in_dev": [
    "PhantomJS",
    "Chrome",
    "Firefox"
  ]
}

验收测试login-test.coffee（不合格测试为最后一次）：

`import Ember from 'ember'`
`import startApp from '../helpers/start-app'`
application = null
run = Ember.run
login = ->
  visit '/'
  fillIn '[placeholder=Login]', 'test'
  fillIn '[placeholder=Hasło]', 'test'
  click '.button-login'
clearCookies = ->
  cookies = $.cookie()
  for cookie of cookies
    $.removeCookie cookie,
      path: '/'
  cookies = document.cookie.split ';'
  for i in [0...cookies.length] by 1
    equals = cookies[i].indexOf '='
    name = if equals > -1 then cookies[i].substr(0, equals) else cookies[i]
    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT"
module 'Acceptance: Login',
  setup: ->
    application = startApp()
    clearCookies()
    time = new Date()
    $.mockjaxSettings.logging = false
    $.mockjax
      type: 'POST'
      url: 'api/v1/auth/login'
      dataType: 'json'
      responseText:
        success: true
        user:
          id: 1
        cookieExpiration: time.setDate time.getDate() + 14
    $.mockjax
      type: 'GET'
      url: '/api/v1/users/1'
      dataType: 'json'
      responseText:
        user:
          id: 1
    $.mockjax
      type: 'GET'
      url: '/api/v1/statuses' # ?limitOld=10&friends=true&comments[limit]=5
      data:
        comments:
          limit: 5
        friends: true
        limitOld: 10
      responseText:
        statuses: {}
    $.mockjax
      type: 'GET'
      url: '/api/v1/getRandomQuote'
    $.mockjax
      type: 'GET'
      url: '/api/v1/statuses/?friends=true&count=true'
      responseText:
        count: 0
    $.mockjax
      type: 'GET'
      url: '/api/v1/meals'
    $.mockjax
      type: 'GET'
      url: '/api/v1/notifications'
    $.mockjax
      type: 'GET'
      url: '/api/v1/notifications'
      data:
        read: false
      responseText: {}
    return
  teardown: ->
    $.mockjax.clear()
    clearCookies()
    run application, 'destroy'
test 'user lands on default page when he is not logged', ->
  expect 1
  visit '/'
  andThen ->
    equal currentPath(), 'start.login'
test 'login page is displayed when you are trying to access logged-only page', ->
  expect 1
  visit '/kitchen'
  andThen ->
    equal currentPath(), 'start.login'
test 'user can login', ->
  expect 2
  appController = application.__container__.lookup 'controller:application'
  equal appController.get('logged'), false, 'user is not logged before login'
  login()
  andThen ->
    ok appController.get 'logged', 'user is logged when response is success'
test 'user can view logged-only pages when he is logged', ->
  expect 2
  console.log '-- LOGGED-ONLY TEST START --'
  visit '/about'
  andThen ->
    equal currentPath(), 'start.login'
  login()
  visit '/about'
  andThen ->
    equal currentPath(), 'classic.about'

最后是测试输出：

TEST'EM 'SCRIPTS!                                                          
Open the URL below in a browser to connect.                                
http://localhost:7357/                                                     
━━━━━━━━━━━━━━┓                                                            
 PhantomJS 1.9┃  Firefox 37.0                                              
  198/199 ✘   ┃  199/199 ✔                                                 
              ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Acceptance: Login: user can view logged-only pages when he is logged
    ✘ failed
         expected classic.about
         actual start.login
-- LOGGED-ONLY TEST START --

我不认为classic.about是错误的来源，因为用classic资源的其他子路由替换它会导致相同的PhantomJS测试失败

好的，看来问题出在ClassicRoute的模型上（使测试通过的注释）：

  model: ->
    new Promise (resolve, reject) =>
      @store.find 'user', @controllerFor('auth').get('userId')
        .then (user) =>
          @controllerFor('auth').set 'user', user
          resolve
            profile: user.get 'profile'

Answer 1

我已经将逻辑拆分为两个钩子，而不是一个，现在它可以工作了：

  beforeModel: ->
    if not @controllerFor('application').get 'logged'
      @transitionTo 'start.login'
    else
      @store
      .find 'user', @controllerFor('auth').get('userId')
      .then (user) =>
        @controllerFor('auth').set 'user', user
        @set 'profileId', user.get('profile.id')    
  model: ->
    @store.find 'profile', @get('profileId')