test: add test case for #114 (#116)

.bazelignore

@@ -1,3 +1,4 @@
 e2e/
 node_modules
 example/node_modules
+jest/tests/node_modules

e2e/update_snapshots_test.sh

@@ -35,5 +35,6 @@ update_snapshot_e2e_test example/snapshots/__snapshots__/link.test.js.snap //exa
 update_snapshot_e2e_test example/snapshots_files/__snapshots__/link.test.js.snap //example/snapshots_files:test
 update_snapshot_e2e_test example/custom_snapshot_resolver/__my_snapshots__/link.test.js.snap //example/custom_snapshot_resolver:test
 update_snapshot_e2e_test example/custom_snapshot_resolver_files/link.test.js.snap //example/custom_snapshot_resolver_files:test
+update_snapshot_e2e_test jest/tests/package_json_module/__snapshots__/link.test.js.snap //jest/tests/package_json_module:test
 
 echo "All tests passed"

example/snapshots/BUILD.bazel

@@ -26,7 +26,7 @@ jest_test(
  snapshots = True,
 )
 
-# The tests and tested are normally in their own targets.
+# Tests are normally in their own targets.
 js_library(
  name = "tests",
  testonly = True,

jest/tests/BUILD.bazel

@@ -1,6 +1,9 @@
 load("@aspect_rules_js//js:defs.bzl", "js_library")
+load("@npm//:defs.bzl", "npm_link_all_packages")
 load("//jest:defs.bzl", "jest_test")
 
+npm_link_all_packages(name = "node_modules")
+
 exports_files([
  "case3.jest.config.js",
  "case3.test.js",

jest/tests/package.json

@@ -0,0 +1,15 @@
+{
+ "private": true,
+ "dependencies": {
+ "react": "18.2.0"
+ },
+ "devDependencies": {
+ "@babel/core": "7.20.2",
+ "@babel/preset-env": "7.20.2",
+ "@babel/preset-react": "7.18.6",
+ "@jest/test-sequencer": "29.3.1",
+ "babel-jest": "29.3.1",
+ "jest-junit": "15.0.0",
+ "react-test-renderer": "18.2.0"
+ }
+}

jest/tests/package_json_module/BUILD.bazel

@@ -0,0 +1,50 @@
+load("@aspect_rules_js//js:defs.bzl", "js_library")
+load("@bazel_skylib//rules:build_test.bzl", "build_test")
+load("//jest:defs.bzl", "jest_test")
+
+jest_test(
+ name = "test",
+ config = "jest.config.js",
+ data = [
+ "babel.config.cjs",
+ "package.json",
+ ":lib",
+ ":tests",
+ "//jest/tests:node_modules/@babel/core",
+ "//jest/tests:node_modules/@babel/preset-env",
+ "//jest/tests:node_modules/@babel/preset-react",
+ "//jest/tests:node_modules/babel-jest",
+ ],
+ snapshots = True,
+)
+
+# Tests are normally in their own targets.
+js_library(
+ name = "tests",
+ testonly = True,
+ srcs = [
+ "greetings.test.js",
+ "link.test.js",
+ "simple.test.js",
+ ],
+ deps = [
+ "//jest/tests:node_modules/react-test-renderer",
+ ],
+)
+
+js_library(
+ name = "lib",
+ srcs = [
+ "greetings.js",
+ "link.js",
+ ],
+ deps = [
+ "//jest/tests:node_modules/react",
+ ],
+)
+
+# TEST: Ensure the {name}_update_snapshots target builds successfully
+build_test(
+ name = "update_snapshots_build",
+ targets = [":test_update_snapshots"],
+)

jest/tests/package_json_module/__snapshots__/greetings.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<h2>
+ Hello 
+ World
+ !
+</h2>
+`;

jest/tests/package_json_module/__snapshots__/link.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<a
+ href="https://aspect.build"
+>
+ Aspect
+</a>
+`;

jest/tests/package_json_module/babel.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+ presets: [
+ "@babel/preset-env",
+ ["@babel/preset-react", { runtime: "automatic" }],
+ ],
+};

jest/tests/package_json_module/greetings.js

@@ -0,0 +1,3 @@
+export default function Greetings(props) {
+ return <h2>Hello {props.name}!</h2>;
+}

jest/tests/package_json_module/greetings.test.js

@@ -0,0 +1,7 @@
+import renderer from "react-test-renderer";
+import Greetings from "./greetings";
+
+it("renders correctly", () => {
+ const tree = renderer.create(<Greetings name="World" />).toJSON();
+ expect(tree).toMatchSnapshot();
+});

jest/tests/package_json_module/jest.config.js

@@ -0,0 +1,4 @@
+export default {
+ testEnvironment: "node",
+ testMatch: ["**/*.test.js"],
+};

jest/tests/package_json_module/link.js

@@ -0,0 +1,3 @@
+export default function Link({ page, children }) {
+ return <a href={page || "#"}>{children}</a>;
+}

jest/tests/package_json_module/link.test.js

@@ -0,0 +1,9 @@
+import renderer from "react-test-renderer";
+import Link from "./link";
+
+it("renders correctly", () => {
+ const tree = renderer
+ .create(<Link page="https://aspect.build">Aspect</Link>)
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+});

jest/tests/package_json_module/package.json

@@ -0,0 +1,3 @@
+{
+ "type": "module"
+}

jest/tests/package_json_module/simple.test.js

@@ -0,0 +1,3 @@
+test("2+2==4", () => {
+ expect(2 + 2).toEqual(4);
+});

pnpm-workspace.yaml

@@ -1,2 +1,3 @@
 packages:
  - "example"
+ - "jest/tests"