Will this play nicely with jest?

First of all–thank you SO much. I’ve been hoping one of the core Vue members would backport script setup to Vue 2.

The only adoption concern I have left after reading the readme is whether this will break my jest tests. I guess it wouldn’t be too hard for me to write a basic jest transform using the JavaScript API. But I wasn’t sure whether that would play nicely with vue-jest. Any thoughts on this.

[Neophen]

Ok so for those running into this issue here’s the solution:

create a file vue-setup-transformer.js:

const { transform } = require('vue2-script-setup-transform');
const vueJest = require('vue-jest');

module.exports = {
  process(source, filename, ...args) {
    const transformed = transform(source, filename);
    return vueJest.process(transformed.code, filename, ...args);
  },
};

and then in your jest.config.js replace vue-jest with this custom transformer:

'.*\\.(vue)$': '<rootDir>/vue-setup-transformer.js',

I don’t know where i could submit this PR or how to do it, but if you let me know i could most likely do a pr here or for vue-jest?

Edit: This still seems to have trouble when transforming with external dependencies. it fails at the const transformed = transform(source, filename); and never goes into the vue-jest.process

Trying to figure out why

[lmiller1990]

First off, I am amazed this has been ported to Vue 2. Well done! I haven’t looked at how it’s implemented exactly, but assuming there is no technical blocker, we could support this in vue-jest.

Considering Vue 2 will not have many more big updates, maintenance should not be too difficult. I am not sure I have time to work on this right now, but since most of the work is done in this code base, I’m guess we just:

• import this into vue-jest
• before we do the usual vue-jest transform, we pass the input to this module, changing the code into a regular SFC
• let vue-jest do the rest of the transform