Unit testing failure with Jest?

My test suite will fail to run if I’m trying to test a component which uses vuepdf. This is with Jest on a project set up with vue-cli:

` ● Test suite failed to run

C:\frontend\uc-front\node_modules\vue-pdf\src\vuePdfNoSss.vue:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){<style src="./annotationLayer.css"></style>

SyntaxError: Unexpected token <`

I don’t get this error if I don’t import vue-pdf in the component.

[mobsean]

Came across the exact same problem. My solution:

adding to my jest.config.js:

const esModules = ['vue-pdf', 'vue-resize-sensor'].join('|')

module.exports = {
  ....
  transformIgnorePatterns: [`<rootDir>/node_modules/(?!(${esModules}))`]
}

[Kelhen]

made it work by adding vue-pdf and vue-resize-sensor to my jest config like following

jest.config.js

transformIgnorePatterns: [
    '<rootDir>/node_modules/(?!vue-pdf/|vue-resize-sensor/)'
  ]

Then also in my my jest config I added a mocks for the worker like explained here https://github.com/wojtekmaj/react-pdf/issues/67#issuecomment-372118170

jest.config.js

  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1',
    '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'identity-obj-proxy',
    '\\.worker.js': '<rootDir>/__mocks__/workerMock.js'
  }

create the following file ‘__mocks__/workerMock.js’ in you project and make the path above match it

workerMock.js

module.exports = Object.create(null);