Nuxt.js ошибки сквозного тестирования после следующей документации, также используя nuxt-auth - PullRequest
0 голосов
/ 12 октября 2018

Редактировать: сокращенный контрольный пример https://github.com/mkstix6/nuxt-e2e-testing-auth-bug


Я следую документации по тестированию nuxt.js e2e здесь:

https://nuxtjs.org/guide/development-tools#end-to-end-testing

Ятакже используя модуль nuxt-auth (https://auth.nuxtjs.org)

Когда я следую документации и запускаю npm test, я получаю ошибки.

Первые несколько строк [править: немного расширил это]:

Entrypoint app = 7e99177222eb06aee534.js f26c11108ae3834e1137.js 3e276f5900ac5332c193.js
[12:04:56 PM] Compiling server
[12:05:01 PM] Compiled server in 5s

Hash: 944950bfae0ad00400a8
Version: webpack 4.20.2
Time: 4945ms
Built at: 10/16/2018 12:05:01 PM
             Asset     Size  Chunks             Chunk Names
server-bundle.json  995 KiB          [emitted]
Entrypoint app = server-bundle.js
[Vue warn]: Property or method "$auth" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based comp
onents, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Default> at default.vue
       <Root>
[Vue warn]: Error in render: "TypeError: Cannot read property '$state' of undefined"

found in

---> <Default> at default.vue
       <Root>
[Vue warn]: Property or method "$auth" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based comp
onents, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Default> at default.vue
       <Root>
[Vue warn]: Error in render: "TypeError: Cannot read property '$state' of undefined"

found in

---> <Default> at default.vue
       <Root>
[12:05:02 PM] TypeError: Cannot read property '$state' of undefined
at Proxy.defaultvue_type_template_id_706d1520_render (server-bundle.js:2010:28)
at VueComponent.Vue._render (/PROJECT_PATH/node_modules/vue/dist/vue.runtime.common.js:4542:22)
at renderComponentInner (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7532:25)
at renderComponent (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7502:5)
at RenderContext.renderNode (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7418:5)
at RenderContext.next (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:2436:14)
at cachedWrite (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:2295:9)
at renderElement (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7656:5)
at renderNode (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7420:5)
at renderComponentInner (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7538:3)
at renderComponent (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7502:5)
at RenderContext.renderNode (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7418:5)
at RenderContext.next (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:2436:14)
at RenderContext.next (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:2449:12)
at cachedWrite (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:2295:9)
at renderElement (/PROJECT_PATH/node_modules/vue-server-renderer/build.js:7646:5)

  2 failed

  Route / exits and render HTML

  /PROJECT_PATH/server-bundle.js:2010

  Rejected promise returned by test. Reason:

  TypeError {
    message: 'Cannot read property \'$state\' of undefined',
  }

  Proxy.defaultvue_type_template_id_706d1520_render (server-bundle.js:2010:28)
  VueComponent.Vue._render (node_modules/vue/dist/vue.runtime.common.js:4542:22)
  renderComponentInner (node_modules/vue-server-renderer/build.js:7532:25)
  renderComponent (node_modules/vue-server-renderer/build.js:7502:5)
  RenderContext.renderNode (node_modules/vue-server-renderer/build.js:7418:5)
  RenderContext.next (node_modules/vue-server-renderer/build.js:2436:14)
  cachedWrite (node_modules/vue-server-renderer/build.js:2295:9)
  renderElement (node_modules/vue-server-renderer/build.js:7656:5)
  renderNode (node_modules/vue-server-renderer/build.js:7420:5)
  renderComponentInner (node_modules/vue-server-renderer/build.js:7538:3)
  renderComponent (node_modules/vue-server-renderer/build.js:7502:5)
  RenderContext.renderNode (node_modules/vue-server-renderer/build.js:7418:5)
  RenderContext.next (node_modules/vue-server-renderer/build.js:2436:14)
  RenderContext.next (node_modules/vue-server-renderer/build.js:2449:12)
  cachedWrite (node_modules/vue-server-renderer/build.js:2295:9)
  renderElement (node_modules/vue-server-renderer/build.js:7646:5)



  Route / exits and render HTML with CSS applied

  /PROJECT_PATH/node_modules/request-promise-core/lib/errors.js:32

  Rejected promise returned by test. Reason:

  StatusCodeError {
    error: Buffer @Uint8Array [

Я попробовал совет на странице «Объявление реактивных свойств» - как подсказывалось в ошибке - но я совершенно новичок в nuxt.js и vue.js; возможно, я получилэто неправильно.

Я ищу несколько советов о том, как преодолеть эти ошибки.

Спасибо за чтение.

...