Jest in CodeSandbox 3.0 #513

gautamarora · 2018-02-08T12:33:56Z

Creating an issue to discuss future features for Jest integration in CodeSandbox...

Jest in CodeSandbox 2.5 - issue | release

Unit testing
Mock functions
Snapshot testing (read only, does not create new snapshots)
Async runner
UI - watch mode, show test fail inline in editor, run tests for single suite

Jest in CodeSandbox 3

Snapshot saving
Manual mocks
Jest config
Code Coverage

Please comment in this issue with more features that should be added to the list.

cc @CompuIves

gautamarora · 2018-02-08T16:01:47Z

also cc @gillchristian - interested to help with code or ideas? :)

gillchristian · 2018-02-08T16:28:46Z

Yeah, I just joined Discord, we can talk there 😄

alexilyaev · 2018-03-07T13:39:37Z

jest.config.js support would be really nice.

gillchristian · 2018-03-07T14:01:59Z

@alexilyaev indeed, in the Discord I mentioned I'd like to work on it but haven't found the time yet 😬

rdiazv · 2018-05-14T16:14:19Z

Fake timers 🙏

jest.useFakeTimers is not a function

the0neWhoKnocks · 2018-05-18T23:25:02Z

Just came across this ticket after commenting on another ticket #692 (comment). There may be issues utilizing enzyme as well.

To clarify, people will have issues running enzyme if they utilize setupTestFrameworkScriptFile like is suggested in the official enzyme docs https://github.com/airbnb/enzyme/blob/master/docs/guides/jest.md#configure-with-jest

Pyrolistical · 2018-06-14T17:33:52Z

Would have been nicer when I called jest.mock(..) instead of getting TypeError: jest.mock is not a function, I would get a Error: not implemented yet in codesandbox.io, see: https://github.com/CompuIves/codesandbox-client/issues/513

codialsoftware · 2018-07-26T14:43:03Z

or jest.doMock ;)
I've look through half of half of the Internet to finally find this bug :D

jdhines · 2018-09-19T14:59:15Z

Would have been nicer when I called jest.mock(..) instead of getting TypeError: jest.mock is not a function, I would get a Error: not implemented yet in codesandbox.io, see: https://github.com/CompuIves/codesandbox-client/issues/513

+1 As local code works fine, the "not a function" error is a bit misleading (to me anyways), as I literally found out about CodeSandbox today (super awesome BTW!) and trying to use it to testdrive react components and jest tests. Not knowing the architecture, I just assumed that if Jest was in the dependencies correctly, I could call any of the jest.x() functions.

iDVB · 2019-01-17T15:42:04Z

So I've read this thread over 3x and still not sure if this is still an known issue or not.
I continue to get the error...
jest.mock is not a function

There seems to be codesandbox docs about using Jest... but no mention of limitations.
https://codesandbox.io/docs/tests

dwiyatci · 2019-02-14T08:56:59Z

@iDVB I don't think jest.mock()/"automatic mock" is supported yet. 🤔

How do we check the version of CodeSandbox from the dashboard btw?

SaraVieira · 2019-02-20T09:18:25Z

@dwiyatci You can check the version in any sandbox here:

dwiyatci · 2019-02-20T16:54:47Z

@SaraVieira Thank you. :) But what I meant was: how can we tell whether it's CodeSandbox 2.5 or 3.0? 😅

SaraVieira · 2019-02-21T16:30:47Z

Shhhhhit, no idea haha

Ask Ives 🤔

@CompuIves

mohsinulhaq · 2019-03-08T06:18:54Z

jest.useFakeTimers is not a function
Hi, is there any update for above fix?

lbogdan · 2019-03-22T13:29:20Z

@gautamarora , @gillchristian Are you guys still interested in pursuing this?

karlhorky · 2019-05-23T13:36:20Z

I'd be interested in having the Snapshot Saving feature if possible!

Or is it possible already?

For example, I was thinking about the potential of the Run any NPM Script feature CodeSandbox Containers, which seems to enable running Jest with the -u flag via an npm script...

karlhorky · 2019-05-23T17:07:28Z

@SaraVieira just confirmed my suspicions that this is only possible at the moment with Containers.

Is CodeSandbox satisfied with this? Or would you also like to be able to create and update files on non-Container sandboxes? (maybe a whitelisted list of things that can be updated, at least to start with?)

karlhorky · 2019-05-29T09:05:19Z

Also Manual Mocks - those would be super useful.

Workaround: At the moment, the closest thing to a workaround that I've found is to use the import * as name from '../relative/path' syntax with mock functions, but that only seems to work for local modules, not dependencies...

import { useIt } from "./use-default-export";

import * as myfunc from "./default-export-function";

test("use-default-export-function", () => {
  expect(useIt()).toEqual("real");
});

test("use-default-export-function with mock", () => {
  myfunc.default = jest.fn(() => "unreal");
  expect(useIt()).toEqual("unreal");
});

https://codesandbox.io/s/88wlzp6q88

sag1v · 2019-07-08T14:35:51Z

People who came here because this error or similar (like me)

jest.useFakeTimers is not a function

For now you can bypass this issue and use the done() callback of jest

it("uses a timer", done => {
  console.log("start");
  let x = 0;
  setTimeout(() => {
    console.log("done!");
    expect(x === 0).toBe(true);
    done();
  }, 250);
  console.log("continue");
});

aomini · 2020-04-04T14:20:59Z

is this still an issue? I'm getting the same error from 2018 on jest.mock

stephanepericat · 2020-04-07T21:01:04Z

is this fixed yet ?

aomini · 2020-04-07T21:47:49Z

@stephanepericat i dont think so.. its since 2018

ansh-les · 2020-06-10T13:25:38Z

Lol just wasted so much time trying to debug it. nvm I guess 😞

ardnahcivar · 2021-02-27T06:25:26Z

jest.useFakeTimers is not a function still persists
https://codesandbox.io/s/fancy-morning-lmwx6?file=/src/index.test.ts

moogus · 2021-03-26T09:17:39Z

guess this is still a problem 😔

agallio · 2021-04-01T04:40:23Z

Still got this error when running tests.
https://codesandbox.io/s/github/kentcdodds/react-testing-library-examples/tree/main/?from-embed&initialpath=%2F__tests__%2Fasync.js

jest.useRealTimers is not a function

TypeError: jest.useRealTimers is not a function
    at runWithJestRealTimers (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:651:8)
    at runWithRealTimers (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:634:12)
    at Window.evaluate (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:682:26)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at c (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111387)
    at Window.evaluate (https://vj929.csb.app/node_modules/@testing-library/react/dist/@testing-library/react.esm.js:44:17)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at c (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111387)
    at Window.evaluate (https://vj929.csb.app/src/__tests__/react-lazy-and-suspense.js:13:15)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at be.evaluateModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:120957)
    at https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:15776
    at l (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257422)
    at Generator._invoke (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257175)
    at Generator.forEach.e.<computed> [as next] (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257779)
    at t (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2420)
    at i (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2631)
    at https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2690
    at new Promise (<anonymous>)
    at https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2571
    at https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:16135
    at Array.map (<anonymous>)
    at e.<anonymous> (https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:15477)
    at l (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257422)
    at Generator._invoke (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257175)
    at Generator.forEach.e.<computed> [as next] (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257779)
    at t (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2420)
    at i (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2631)

dhatGuy · 2021-04-04T15:54:00Z

Still got this error when running tests.
https://codesandbox.io/s/github/kentcdodds/react-testing-library-examples/tree/main/?from-embed&initialpath=%2F__tests__%2Fasync.js

jest.useRealTimers is not a function

TypeError: jest.useRealTimers is not a function
    at runWithJestRealTimers (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:651:8)
    at runWithRealTimers (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:634:12)
    at Window.evaluate (https://vj929.csb.app/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:682:26)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at c (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111387)
    at Window.evaluate (https://vj929.csb.app/node_modules/@testing-library/react/dist/@testing-library/react.esm.js:44:17)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at c (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111387)
    at Window.evaluate (https://vj929.csb.app/src/__tests__/react-lazy-and-suspense.js:13:15)
    at z (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:99284)
    at G.evaluate (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:111641)
    at be.evaluateTranspiledModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:121458)
    at be.evaluateModule (https://codesandbox.io/static/js/sandbox.3fb0c3bb6.js:1:120957)
    at https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:15776
    at l (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257422)
    at Generator._invoke (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257175)
    at Generator.forEach.e.<computed> [as next] (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257779)
    at t (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2420)
    at i (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2631)
    at https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2690
    at new Promise (<anonymous>)
    at https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2571
    at https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:16135
    at Array.map (<anonymous>)
    at e.<anonymous> (https://codesandbox.io/static/js/7.4b9a6a838.chunk.js:1:15477)
    at l (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257422)
    at Generator._invoke (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257175)
    at Generator.forEach.e.<computed> [as next] (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:257779)
    at t (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2420)
    at i (https://codesandbox.io/static/js/common-sandbox.51de09afd.chunk.js:1:2631)

Facing the same issue too

KrustyC · 2021-04-30T10:27:54Z

Hi here, I get the same issue as well https://codesandbox.io/s/modern-morning-md378

Do we have any update on this?

wwwmonkey · 2021-05-01T04:14:00Z

Apologies if cross-posting issue, but appreciate any work-around or ideas for my issue regarding Jest not working on Static templates:
#5726

CompuIves · 2021-05-07T09:20:37Z

Yes, this is still something we want to do, but it's challenging. It's something that we haven't planned in the near-future, but we do want to expand the Jest functionality in the future. I can't tell when we'll have this though.

github-actions · 2021-08-06T00:09:50Z

This issue has automatically been marked stale because there has been no activity in a while. Please leave a comment if the issue has not been resolved, or if it is not stale for any other reason. After 2 weeks, this issue will automatically be closed, unless a comment is made or the stale label is removed.

nickserv · 2021-08-06T00:24:55Z

It seems like this is still being worked on.

robertjcolley · 2021-11-26T11:33:50Z

I'm looking into this one and I have some questions about the jest implementation.

Normally, when the Jest global is initialized its created by the jest-runtime and mock/other timer functions are added to the global Jest object. This can be seen here.

What's happening in codesandbox is that the jest-runtime is never being initialized - I presume there may be some reason for this. That can be seen here, where jest is actually initialized here with the MockModule class from jest-mock, which populates part of the jest globals into the global space but doesn't add functions like _createJestObjectFor() from jest-runtime. This is why you can use spyOn but not mock - jest-mock actually doesn't declare a mock function until you initialize it with the MockModule.generateFromMetadata<T, Y extends Array>(

@CompuIves you're getting tagged just because you seem to be the only maintainer here. There may be someone better who can answer these questions. Sorry about that!

Is there a reason that jest-runtime isn't being used to its full extent here?
Why is jest-mock being used as the jest object here?

I am trying to get a jest-runtime instance set up in the codesandbox world. I presume there might be issues with this - namely the jest-runtime needs some sort of file/module resolver, which may not play nicely with the codesandbox environment.

For everyone who hasn't looked into it - Jest has a lot going on and even I don't completely understand how the Jest runtime works (and its created differently for node/jsdom!).

milichev · 2022-08-26T14:25:17Z

You know what... It's really annoying to spend time writing stuff cover, it with tests, and in the end, get this one 🤦🏽‍♂️🙃

xblue-light · 2022-12-18T08:16:55Z

Hey guess what .. jest.mock is still NOT a function sigh

sunny15100 · 2023-02-13T07:47:52Z

Hey guess what .. jest.mock is still NOT a function sigh

nickserv · 2023-02-14T11:28:39Z

I'd recommend switching to cloud sandboxes as they can natively run Node tools (including Jest).

benadam11 · 2023-03-31T17:15:44Z

I know cloud sandboxes are recommended, but sinon.useFakeTimers works (just in case anyone was still looking for a solution)

FDiskas mentioned this issue May 21, 2018

require.resolve is not a function when using jest.mock #692

Closed

fbartho mentioned this issue Oct 24, 2018

[jest-snapshot] Custom Snapshot Directories confuse the Obsolete Snapshot Logger jestjs/jest#7257

Closed

dadamssg mentioned this issue Dec 8, 2018

testing components using hooks and timeout kentcdodds/ama#514

Open

lbogdan added the 💬 Discussion label Mar 22, 2019

MichaelDeBoey added the 🃏 Jest label Apr 4, 2020

kentcdodds mentioned this issue Apr 14, 2020

Address test issues #3580

Closed

joshuaellis mentioned this issue Jan 25, 2021

Spy on console.error doesn't work testing-library/react-hooks-testing-library#555

Closed

wasanx25 mentioned this issue Apr 14, 2021

th of scope rowgroup is not rowheader testing-library/dom-testing-library#930

Open

beckerei mentioned this issue Apr 22, 2021

Regression: Click event suddenly stopped working (Reactstrap / Popper.js 1.x) testing-library/user-event#639

Closed

andrewthamcc mentioned this issue Apr 30, 2021

Layer component stays rendered in test suites grommet/grommet#5200

Closed

xnimorz mentioned this issue May 12, 2021

How do you mock useDebounce? xnimorz/use-debounce#109

Closed

chirgjn mentioned this issue Jun 14, 2021

Add authentication service along with user module pesto-students/juntos-frontend#18

Merged

github-actions bot added the stale label Aug 6, 2021

github-actions bot removed the stale label Aug 7, 2021

robertjcolley mentioned this issue Nov 24, 2021

Cannot mock atom with asynchronous default function facebookexperimental/Recoil#1457

Closed

Amatewasu mentioned this issue Nov 29, 2021

performance.mark is not always available bhovhannes/redux-profiler#655

Closed

This was referenced Jan 5, 2022

Testing onError transition using Jest surfaces unexpected console.error statelyai/xstate#2919

Closed

When multiple side-effects are used, testing machine logic using Jest fails statelyai/xstate#2920

Closed

LukasTy mentioned this issue Aug 1, 2022

[testing-library] TimePicker onChange never trigger mui/mui-x#5655

Closed

2 tasks

rszalski mentioned this issue Feb 15, 2023

Console messages emitted from Jest's beforeAll hook do not cause failOnConsole to fail the test ValentinH/jest-fail-on-console#33

Closed

adamlaska mentioned this issue Jun 24, 2023

[Snyk] Security upgrade release-it from 7.6.3 to 11.0.0 adamlaska/codesandbox-client#402

Open

Jest in CodeSandbox 3.0 #513

Jest in CodeSandbox 3.0 #513

Comments

gautamarora commented Feb 8, 2018 • edited Loading

gautamarora commented Feb 8, 2018

gillchristian commented Feb 8, 2018

alexilyaev commented Mar 7, 2018

gillchristian commented Mar 7, 2018

rdiazv commented May 14, 2018

the0neWhoKnocks commented May 18, 2018 • edited Loading

Pyrolistical commented Jun 14, 2018

codialsoftware commented Jul 26, 2018

jdhines commented Sep 19, 2018 • edited Loading

iDVB commented Jan 17, 2019 • edited Loading

dwiyatci commented Feb 14, 2019

SaraVieira commented Feb 20, 2019

dwiyatci commented Feb 20, 2019

SaraVieira commented Feb 21, 2019

mohsinulhaq commented Mar 8, 2019

lbogdan commented Mar 22, 2019

karlhorky commented May 23, 2019 • edited Loading

karlhorky commented May 23, 2019

karlhorky commented May 29, 2019 • edited Loading

sag1v commented Jul 8, 2019

aomini commented Apr 4, 2020

stephanepericat commented Apr 7, 2020

aomini commented Apr 7, 2020

ansh-les commented Jun 10, 2020

ardnahcivar commented Feb 27, 2021

moogus commented Mar 26, 2021

agallio commented Apr 1, 2021

dhatGuy commented Apr 4, 2021

KrustyC commented Apr 30, 2021

wwwmonkey commented May 1, 2021 • edited Loading

CompuIves commented May 7, 2021

github-actions bot commented Aug 6, 2021

nickserv commented Aug 6, 2021

robertjcolley commented Nov 26, 2021

milichev commented Aug 26, 2022 • edited Loading

xblue-light commented Dec 18, 2022

sunny15100 commented Feb 13, 2023

nickserv commented Feb 14, 2023

benadam11 commented Mar 31, 2023

gautamarora commented Feb 8, 2018 •

edited

Loading

the0neWhoKnocks commented May 18, 2018 •

edited

Loading

jdhines commented Sep 19, 2018 •

edited

Loading

iDVB commented Jan 17, 2019 •

edited

Loading

karlhorky commented May 23, 2019 •

edited

Loading

karlhorky commented May 29, 2019 •

edited

Loading

wwwmonkey commented May 1, 2021 •

edited

Loading

milichev commented Aug 26, 2022 •

edited

Loading