How to set up Next.js Storybook jest

npm i --save-dev ts-nodenpm i --save-dev jestnpm i --save-dev jest-environment-jsdomnpm i --save-dev ts-jestnpm i --save-dev @storybook/testing-reactnpm i --save-dev @testing-library/jest-domnpm i --save-dev @testing-library/react

# package.json{  "scripts": {    "test": "jest"  }}

// jest.config.tsexport default {  preset: "ts-jest",  testEnvironment: "jsdom",  globals: {    "ts-jest": {      tsconfig: "./tsconfig.jest.json",    },  },    moduleNameMapper: {    "@/(.*)": "<rootDir>/src/$1",  },};

# tsconfig.jest.json{  "extends": "./tsconfig",  "compilerOptions": {    "jsx": "react-jsx"  }}

// src/components/example.test.tsximport { composeStories } from "@storybook/testing-react";import { render } from "@testing-library/react";import "@testing-library/jest-dom";import * as stories from "@/components/example.stories";describe("components/Example", () => {  const { Default } = composeStories(stories);  test("Show text", () => {    const { getByTestId } = render(<Default text="This is a test text." />);    const text = getByTestId("text");    expect(text).toHaveTextContent("This is a test text.");  });});

npm run test