Setting up Parcel 2.0 with Jest and React Testing Library

[frankstepanski]

Hi

I cannot find anywhere for the setup of Parcel 2.x with Jest and React Testing Library.

I have setup a project with Jest that works fine, but when I add the packages for RTL, it gives me an error for my Jest environment.

package.json dependencies:

"devDependencies": {
    "jest": "^27.5.1",
    "parcel": "^2.3.2"
  },
  "dependencies": {
    "@babel/core": "^7.17.8",
    "@babel/preset-env": "^7.16.11",
    "@babel/preset-react": "^7.16.7",
    "@testing-library/dom": "^8.12.0",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/react-hooks": "^7.0.2",
    "@testing-library/user-event": "^13.5.0",
    "babel-jest": "^27.5.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  }

.babelrc:

{
  "presets": [
    "@babel/preset-env",
    [
      "@babel/preset-react",
      {
        "runtime": "automatic"
      }
    ]
  ]
}

Test file:

import React from "react";
import { render, screen } from "@testing-library/react";
import Greeting from '../Greeting';

describe("Greeting", () => {
    it("renders Greeting", () => {
      render(<Greeting />);
      expect(screen.getByText("Hello World")).toBeTruthy();
    });
  });

Any help would be appreciated. Thanks

[caedes]

I still have a warning saying:

@parcel/transformer-babel: Parcel includes transpilation by default. Babel config .babelrc contains only 
redundant presets. Deleting it may significantly improve build performance.

I don't understand why I can't be able to run Jest with Parcel only…

[caedes]

Following this Parcel guide, I can now have my build and my test suite run perfectly well, without any warning or error.

[caedes]

I made it work on this repository: https://github.com/caedes/react-use-permissions