Use enzyme for specific tests in react-native

Hello,

Currently we have basic tests with react-test-renderer as well as tests with@storybook/addon-storyshots

if I globally activate enzyme with jest:

"setupFilesAfterEnv": [
   "<Rootdir> /test/setup-enzyme.ts"
]

The snapshots of my stories will not work anymore and throw this error:

 ● Test suite failed to run

    testStorySnapshots is intended only to be used inside jest

      1 | import initStoryshots from "@storybook/addon-storyshots"
      2 | 
    > 3 | initStoryshots({
        |               ^
      4 |   configPath: "./storybook",
      5 |   framework: "react-native",
      6 | })

      at Object.testStorySnapshots [as default] (node_modules/@storybook/addon-storyshots/dist/api/index.js:37:11)
      at Object.<anonymous> (test/tests/storyshots.test.ts:3:15)

I was wondering if it was possible to activate enzyme on demand, in a beforeAll() for example.

Thanks for reply.

[loic-lopez]

Yes, i will fork and do the pull request.

[loic-lopez]

Oh! it’s working with this comment on top of the test file.

So i have created a component.enzyme.test.tsx file.

See bellow my sample:

/**
 * @jest-environment jsdom
 */
import { ModalMock } from "./ModalMock"
import * as React from "react"
import { App } from "../../../app/app"
import { mount } from "enzyme"

describe("App tested with airbnb enzyme", () => {

  beforeAll(() => {
    jest.mock("Platform", () => {
      const Platform = jest.requireActual("Platform");
      Platform.OS = "ios";

      return Platform;
    });

    jest.mock("react-native-modal", () => ModalMock);
  })


  test("App mount with enzyme", () => {
   const wrapper = mount<App>(<App/>)
  })
})