bug: vue jest utils, shallowMount does not work when property values are symbols

[boboldehampsink]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

After bumping Ionic Vue from v5 to v6 RC, all my tests that are shallowMounted fail with the following error:

Expected Behavior

This didn't happen with v5, and I expect it to work in v6 as well

Steps to Reproduce

Run an Ionic 6 app test with shallowMount

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.17.1

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v17.0.1
npm : 8.1.0
OS : macOS Monterey

Additional Information

Also see vuejs/vue-test-utils#1833

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Hey there,

Could you send over a sample app so I can verify if this is the same issue as vuejs/vue-test-utils#1833?

[boboldehampsink]

@liamdebeasi I have created a sample app that reproduces this when running yarn run test:unit. I found that this happens when there is an ion-input present. Here you go: https://github.com/boboldehampsink/test

[liamdebeasi]

Apologies for the delay. Can you double check your repo? I get the following error when I try to run npm run test:unit:

   TypeError: importer_1.importer.babelJest(...).createTransformer is not a function

      at ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:395:86)
      at ConfigSet.babelJestTransformer (node_modules/ts-jest/dist/util/memoize.js:43:24)
      at TsJestTransformer.process (node_modules/ts-jest/dist/ts-jest-transformer.js:86:57)

[boboldehampsink]

hi @liamdebeasi, just clean checked out my test repo again, ran npm install, then npm run test:unit on Node 17, and I don't see the error you see but the error I found before.

[liamdebeasi]

I did a fresh install on the repo and ran npm run test:unit with Node 17, but I still get the same error as above. I do get a few incompatibility warnings:

ts-jest[versions] (WARN) Version 4.4.4 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=2.7.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
ts-jest[versions] (WARN) Version 27.3.1 of babel-jest installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=24.0.0 <25.0.0). Please do not report issues in ts-jest if you are using unsupported versions.

Do you have some steps to reproduce the issue on my end? I can try creating a sample app of my own.