With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

Cypress Community

I have a button that is tagged with the correct `data-cy` attribute, but when I run a test that clicks on this button, Cypress is unable to find it. Using a normal user action does click on the button and fire its event successfully, but Cypress is unable to. What's more is that using Cypress's element selector also does not reveal any information about the button, simply glossing over it as if it didn't exist. Is there a reason why Cypress is unable to find the button?

seems like it would work, but I have no transforms applied to my button

and if this was the issue, why can't the cypress selector grab the button?

well, how can I tell without any code, any screenshots, any information about your page and element markup?

The best thing would be to post the code you are using to test and the DOM that Cypress is trying to find the button in. 

A guess based on what you’ve said so far is: does the button belong to to web component where it is part of the shadow dom? Some information on accessing the shadow dom is here:  https://docs.cypress.io/api/commands/shadow 

But maybe it’s not this at all.

```
<button
   type="button"
   data-cy="replybutton"
   on:click={() => {
        console.log('Clicked');
         reply = true;
    }}>Reply</button
>
```

My tag was misspelled in the test spec lol

Oh don’t worry we have all been there 🙂