I am trying to test a simple user click button where the counter will increase from 0 to 1. Here is my counter button import { useState } from "react"; export const Counter = () => { const [counter, setCounter]…
I have an element with an onClick handler which may be disabled by adding pointer-events: none to parent (parent disables children click). Now I want to test that my child is not clickable, how can I do this? Using userEvent.click…
I am getting the error "SyntaxError: Cannot use import statement outside a module" when I run my tests in a react project. So, the testing suite has a problem with all of my import statements. The project is not using…
I'm trying to test a custom hook, that fetches some token from the API. The ../api is my own module. Both files are in the same directory // useTokenHook.tsx import { getToken } from '../api'; const someVariable = useSelector(); useEffect(()…
Here I want to test the data output on the endpoint. My test: import { render, screen } from "@testing-library/react"; import axios from "axios"; import CompBuildingGeo from "./components/CompBuildingGeo"; import { getBuildingGEO } from "../../service/building"; const buildingGeo = async () =>…
How would I write a passing test for the following? Where getLifestages is a working get API call that returns an array such as: [{_id: 1, title: 'School'},{_id: 2, title: 'Work'}] import { useQuery } from 'react-query'; const useLifestages =…
Consider I have this component function RankDialog(props: any) { const { visible = true, setVisible } = props; return ( <Dialog visible={visible} className="rank-dialog" scrollBoxClassName="rank-scroll-box" alignBottom noMargin noContentPadding onClose={() => { setVisible(false); }} onCancel={() => { setVisible(false); }} > <Rank />…
I am working in a Vite project, my goal is to be able to write tests. So I setup Jest and Babel and write a test, but I'm getting an error like this: C:UsersjoaovOneDriveDev ProjetosProjetos pessoaiscsgo-e-commercenode_modulesfirebaseappdistindex.esm.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import { registerVersion }…
When I click to increase button the value of the count is increasing so text in the h1 is also changing, but when I want to test it, its failing. When I change the expected value to 0 on the…
I have tried by best to figure out the issue but everything I tried so far has not been working. This is what my App.js looks like: import './App.css'; import {ChakraProvider} from '@chakra-ui/react' import Header from './components/Header' import Hero from…