How to do unit test in codesandbox.io?

[lifubang]

Hello, I forked a github repository from "https://github.com/vuejs/vue-test-utils-jest-example", and in sandbox's tab of 'Tests', I got:

Could not find dependency: '@vue/test-utils' relative to '/test/List.spec.js'

DependencyNotFoundError: Could not find dependency: '@vue/test-utils' relative to '/test/List.spec.js'
    at xe.resolveModule (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:131289)
    at xe.resolveTranspiledModuleSync (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:132136)
    at c (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:113265)
    at Window.$csb$eval (https://4ge3n.csb.app/test/List.spec.js:3:18)
    at J (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:100923)
    at ee.evaluate (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:113635)
    at xe.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:123962)
    at xe.evaluateModule (https://codesandbox.io/static/js/sandbox.2ba285248.js:1:123461)
    at https://codesandbox.io/static/js/7.a1fbf49ba.chunk.js:1:16214
    at c (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3629)
    at Generator._invoke (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3382)
    at Generator.forEach.t.<computed> [as next] (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3986)
    at r (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:206)
    at u (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:417)
    at https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:476
    at new Promise (<anonymous>)
    at https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:357
    at https://codesandbox.io/static/js/7.a1fbf49ba.chunk.js:1:16573
    at Array.map (<anonymous>)
    at e.<anonymous> (https://codesandbox.io/static/js/7.a1fbf49ba.chunk.js:1:15915)
    at c (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3629)
    at Generator._invoke (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3382)
    at Generator.forEach.t.<computed> [as next] (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:3986)
    at r (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:206)
    at u (https://codesandbox.io/static/js/vendors~app~embed~sandbox~sandbox-startup.bcc15d438.chunk.js:1:417)

[JamesACS]

Hey @lifubang - It looks like one of the dependancies hasn't been added - you may be able to fix it by refreshing the page (to reload) or moving the required files to dependencies in package.json

If this doesn't work please could you link us your Sandbox so we can look into it?

[lifubang]

If this doesn't work please could you link us your Sandbox so we can look into it?

I have tried this solution, but still got some other errors.

https://codesandbox.io/s/vue-test-utils-jest-example-forked-4ge3n?file=/package.json:447-462

[lifubang]

Relate to #2058

[lifubang]

Hi, @JamesACS , could you have some time to shall me a repository with unit tests?
such as described in "https://codesandbox.io/docs/tests#how-to-write-tests-in-the-codesandbox-client-sandboxes".

Thanks very much.

[lifubang]

This one can test successfully: https://codesandbox.io/s/reverent-frost-lp1pf?file=/package.json
What is the difference between
https://codesandbox.io/s/reverent-frost-lp1pf?file=/package.json
and
https://codesandbox.io/s/vue-test-utils-jest-example-forked-4ge3n
?

[lifubang]

So, may be we can't use vue/test-utils to run unit tests?
The error is:

TypeError: Cannot read properties of undefined (reading 'Ctor')
    at VueComponent.eval (eval at J (https://codesandbox.io/static/js/sandbox.a7d5f7782.js:1:100881), <anonymous>:88:19)

[codebryo]

Sorry for the long silence on this. I looked into some details:

What is the difference between
https://codesandbox.io/s/reverent-frost-lp1pf?file=/package.json
and
https://codesandbox.io/s/vue-test-utils-jest-example-forked-4ge3n
?

So that's a good question -- it's very much dependent on the used packages. So it's not fully related only to the vue-test-utils. We are looking into this. I have not fully nailed down the main diff though. I hope to have updates soon.

[lifubang]

So it's not fully related only to the vue-test-utils.

Thanks your time on looking into this question. I found that if we use avoriaz instead of vue-test-utils, the error mentioned above will be disappeared, and the case will pass.

import { mount } from "avoriaz";
// import { mount } from "@vue/test-utils";