Service mocked with Jest causes “The module factory of jest.mock() is not allowed to reference any out-of-scope variables” error

by

You need to store your mocked component in a variable with a name prefixed by “mock”.
This solution is based on the Note at the end of the error message I was getting.

Note: This is a precaution to guard against uninitialized mock
variables. If it is ensured that the mock is required lazily, variable
names prefixed with mock are permitted.

import {shallow} from 'enzyme';
import React from 'react';
import Vocabulary from "../../../src/components/Vocabulary ";
import {VocabularyEntry} from '../../../src/model/VocabularyEntry'

const mockVocabulary = () => new VocabularyEntry("a", "a1");

jest.mock('../../../src/services/vocabularyService', () => ({
    default: mockVocabulary
}));

describe("Vocabulary tests", () => {

test("renders the vocabulary", () => {

    let $component = shallow(<Vocabulary/>);

    // expect something

});

More Related Contents:

  1. How to resolve “Cannot use import statement outside a module” in jest
  2. How to Unit Test React-Redux Connected Components?
  3. Recommended approach for route-based tests within routes of react-router
  4. How to resolve “Cannot use import statement outside a module” from Jest when running tests?
  5. SyntaxError with Jest and React and importing CSS files
  6. How to solve the “update was not wrapped in act()” warning in testing-library-react?
  7. jest: Test suite failed to run, SyntaxError: Unexpected token import
  8. Unable to access React instance (this) inside event handler [duplicate]
  9. What Makes a Good Unit Test? [closed]
  10. How do I test axios in Jest?
  11. Mock functions in Go
  12. Should Private/Protected methods be under unit test? [closed]
  13. Visual Studio 2015 or 2017 does not discover unit tests
  14. Unit Tests not discovered in Visual Studio 2017
  15. Unit testing Anti-patterns catalogue
  16. Remove console.logs with Webpack & Uglify
  17. Unable to use Arrow functions inside React component class [duplicate]
  18. Updating input html field from within an Angular 2 test
  19. How to test the type of a thrown exception in Jest
  20. How can I use Jest to spy on a method call?
  21. How do you mock a Sealed class?
  22. Is there a way to render multiple React components in the React.render() function?
  23. Jest gives `Cannot find module` when importing components with absolute paths
  24. Should it be “Arrange-Assert-Act-Assert”?
  25. Jest setup “SyntaxError: Unexpected token export”
  26. How to specify test directory for mocha?
  27. How to mock React component methods with jest and enzyme
  28. Writing “unit testable” code?
  29. import a module from node_modules with babel but failed
  30. Why should unit tests test only one thing?

Leave a Comment