Is there a way to verify that cy.mount throws an error?

[justinsmid]

I have a component that throws an error when it is not wrapped in a particular contextProvider, and a test to verify that it does so.

I have been using @testing-library/react for my component tests, and was able to test this behavior like this, which worked:

import { render } from "@testing-library/react"

it("throws an error when not wrapped in the right context", () => {
  expect(() => render(<MyComponent />))
    .throws("The right error message")
})

I am currently trying to migrate my component tests over to cy.mount, and wasn't able to find a way to make this test work anymore.

[justinsmid]

I found #14782, which states that this works:

expect(() => cy.mount(MyComponent)).to.throw

This makes my test pass, but changing it to the following still passes, so I don't think it actually verifies that an error was thrown:

expect(() => cy.mount(MyComponent)).not.to.throw;

[adamscybot]

I came across this issue. I think the best thing to do if wrap the component in a React error boundary and then assert on the fallback contents.