I am encountering an issue with a simple test
describe('Page Test', () => {
it('button has "contact-next-disabled" class', () => {
cy.get('.contact-next-disabled')
})
})
Upon running the test, cypress displays an error message
34 | useEffect(() => {
35 | const _contact = getLocalStorage()
> 36 | if (!_contact.categories.length && !_contact.categoryNameEtc) {
| ^
37 | PGToaster.showDanger('Please select a category.')
38 | router.push('/contact/a-type')
39 | }
The function getLocalStorage that I am using is located in a separate file from the one being tested
export const getLocalStorage = () => {
const contact = JSON.parse(window.localStorage.getItem('contact'))
return contact
}
This function works alongside my setLocalStorage function
export const setLocalStorage = (contact) => {
const _contact = getLocalStorage()
const updateContact = {
..._contact,
...contact
}
window.localStorage.setItem('contact', JSON.stringify(updateContact))
}
Instead of modifying my code, I attempted to resolve the error by making a minor alteration in the test script:
if (!_contact?.categories.length && !_contact?.categoryNameEtc)
By implementing this change, the error disappeared. However, I seek a solution to set local storage directly in my cypress test without having to revise my existing code. Is there a way to achieve this?