When user click to $clickableCardEl it redirects to another page it('cards should not to redirect to 404 page', () => { cy.getByCyId('clickable-card').each($clickableCardEl => { cy.wrap($clickableCardEl).click().wait(3000); cy.getByCyId('not-found-content').should('not.exist'); cy.go('back'); }); }); And I get this error cy.click() failed because the page updated…
This is my user context that wraps all of my components: const UserContext = ({ children }: AccountContextProviderProps) => { const [user, setUser] = useState({user: "", loggedIn: false}); const navigate = useNavigate(); useEffect(() => { const fetchData = async ()…
I have a useEffect useEffect(() => { const dateOfBirthInput = document.getElementById("date-of-birth-input") as HTMLInputElement const dataLength = dateOfBirth.length dateOfBirthInput.selectionStart = dataLength dateOfBirthInput.selectionEnd = dataLength }, [dateOfBirth]) Here I'm getting the input with getElementById, then I can't set selectionStart on the input.…
I have some React project and I'm using the 'Table' component from Maerial UI. That table with her components (TableHead, TableCell, TableRow etc.) have thier default CSS properties. But when I'm trying to override that in a suitable and right…
I'm learning NEXT and there are functions that don't work "use client" import { useState } from 'react' export default function idk() { const [counter,setCounter]=useState(0) const add=()=>{ setCounter(prev=>prev+1) } return( <div onClick={add}> {counter} </div> ) } When the code is…
I cannot figure out what is going on. I feel like I'm running into a race condition, but I don't see it. Can anyone lay eyes on this? I'm trying to load a list of "accounts" from an API in…
I'm using React Native to create an Android app, using Android Studio and an emulator. I'm working on it's splashscreen first but I'm having trouble putting color behind the logo of the app. The picture being used is 193 x…
I have an input like this. I work with several browsers, but Mozilla Firefox is the one that allows me to enter dates using the keyboard. I tried to use the readonly attribute, but this disables the ability to select…
I'm working on a small project using nextjs 13, trying to display products currently stored in json file (later will move to DB). Application is running correctly, however when building it fails on linting. Error: Type error: Page "src/app/shop/page.tsx" has…
I want to download excel file from base64 text in browser. I can download pdf file without no problem like below function downloadPDF(attachment) { const linkSource = `data:application/pdf;base64,${attachment.base64Txt}`; const downloadLink = document.createElement('a'); const fileName = `${attachment.name}.pdf`; downloadLink.href = linkSource; downloadLink.download…