Is it possible to get the filename of the rendered font of an element? Example: @font-face { font-family: 'MyFont'; src: url('../../public/fonts/MyFont-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; } @font-face { font-family: 'MyFont'; src: url('../../public/fonts/MyFont-Italic.woff2') format('woff2'); font-weight: normal; font-style: italic; } .my-font-bold…
I'm working on a project that utilizes Next.js, TypeScript, and Jest. I'm attempting to create a test using a component returned by the withTheme function from the RJSF (React JSONSchema Form) library. My intention is to use this component in…
My jest test mock of an axios get returns back undefined as the response and I am not sure what I am doing wrong? My component that has the axios call is shown below: const fetchResults = (paramsApi) => {…
I have a code snippet here from NextJS 13 export default function Members() { // States const [users, setUsers] = useState<MemberType[]>([]); const [loading, setLoading] = useState(false); const searchParams = useSearchParams(); // To refresh the page const router = useRouter(); const…
I have a react component that uses the picture element. I would like test the image URL with a variety of viewports. On the actual implementation I can use the attribute "currentSrc" to retrieve the current image. However, when I…
function App() { let [ctr, setCtr] = useState(0); useEffect(() => { setCtr(1); }, []); //<-------------------------put a debugger here, only hit once return ctr; } // debug this test it("should render 1", () => { const el = document.createElement("div"); ReactDOM.render(<App />,…
I have a project that I think its time to write tests for. In this project I load in external functions that look like this in the html: <script src="library/VoiceRecordingHelper.js"></script> The .js looks like this: async function uploadVoiceRecordingToBucket(data, ticketId, cloudProvider)…
I am trying to use jest and @testing-library/react to verify that a react component (which wraps an HTML input element) is calling it's onChange callback with the correct value in response to a ChangeEvent. Here is the react component export…
I'm facing an issue that I can't figure out how to resolve. i'm trying to test this component: import LabelIconButton from '../LabelIconButton' import { PowerSettingsNew } from '@mui/icons-material' export default function LabelIconButtonDisconnection() { return <LabelIconButton title="déconnexion" icon={PowerSettingsNew} /> } With…
I would like to mock this async function with Jest in a Typescript Express env. // src/helpers/user.ts import { UserModel } from "../models"; export const getUserByUsername = async (username: string) => { return UserModel.findOne({ username }).exec() } // src/models/index.ts import…