The Author Online Book Forums are Moving

The Author Online Book Forums will soon redirect to Manning's liveBook and liveVideo. All book forum content will migrate to liveBook's discussion forum and all video forum content will migrate to liveVideo. Log in to liveBook or liveVideo with your Manning credentials to join the discussion!

Thank you for your engagement in the AoF over the years! We look forward to offering you a more enhanced forum experience.

Gavin Henry (7) [Avatar] Offline
#1
Hi,

On page 49 you say to open the websocket page in chrome, but you should say:

chrome://inspect

no?

Thanks.
Edd Yerburgh (42) [Avatar] Offline
#2
Hi,

You're correct, it should say that you should open chrome://inspect. I'll correct page 49.

Thanks
131190 (5) [Avatar] Offline
#3
It would be good to fix this sooner than later. I lost a lot of time on this today.
574651 (4) [Avatar] Offline
#4
Yes. Please fix this!

Furthermore I run into following error when in debugger:

Error: Cannot find modul '@/components/Test' from 'Test.spec.js'

My Test.vue component:
import { shallowMount } from '@vue/test-utils'
import Test from '@/components/Test'

describe('Test.vue', () => {
  test('renders test', () => {
    const wrapper = shallowMount(Test)
    debugger
    expect(wrapper.text()).toContain("test")
  })
})

The import works for the test, but not in debug mode...
574651 (4) [Avatar] Offline
#5
EDIT:
Okay... so all my problems would have been solved by looking into the code for Chapter 5
...

So if you use the vue-cli to scaffold a project including jest tests setup you need to specify the jest config file aswell to debug your jest tests.

For the standard webpack vue project (via vue init) a debug command looks like the following:

"debug": "node --inspect ./node_modules/jest/bin/jest --config test/unit/jest.conf.js"


If you are using VSCode, you can also debug your vue jest tests with the following configs added to the launch.json:

 {
      "type": "node",
      "request": "launch",
      "name": "Jest All",
      "program": "${workspaceFolder}/node_modules/jest/bin/jest",
      "args": ["--config=test/unit/jest.conf.js"],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    },
    {
      "type": "node",
      "request": "launch",
      "name": "Jest Current File",
      "program": "${workspaceFolder}/node_modules/jest/bin/jest",
      "args": ["${relativeFile}","--config=test/unit/jest.conf.js"],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }


I hope this helps someone to avoid some wasted hours smilie