¿Qué está mal con mi prueba de renderizado aquí? test and expect no está definido, pero veo algunos tutoriales y hacen lo mismo. Estoy en una aplicación básica de reacción de creación.

 import { render, screen } from "@testing-library/react" import App from "./App" test("renders learn react link", () => { render(<App />) const linkElement = screen.getByText(/learn react/i) expect(linkElement).toBeInTheDocument() })

y mi eslint.rc (no se si es necesario)

 module.exports = { "env": { "browser": true, "node": true, "es6": true, }, "extends": [ "eslint:recommended", "plugin:react/recommended", ], "globals": { "Atomics": "readonly", "SharedArrayBuffer": "readonly", }, "settings": { "react": { "version": "detect", }, }, "parserOptions": { "ecmaFeatures": { "jsx": true, }, "ecmaVersion": 11, "sourceType": "module", }, "plugins": [ "react", "react-hooks", ], "ignorePatterns": ["__mocks__", "*_pb.js"], "rules": { "indent": ["error", 2, { "SwitchCase": 1 }], "linebreak-style": ["error", "unix"], "no-trailing-spaces": ["error"], "quotes": ["error", "double"], "semi": ["error", "never"], "comma-dangle": ["error", "always-multiline"], "react/prop-types": 0, "react/display-name": "off", "react-hooks/rules-of-hooks": "error", "react-hooks/exhaustive-deps": "warn", }, }