Maintaining Accessibility in Complicated Components
Vue provides many wonderful tools for composing fragments of UI code in various different ways. As Vue developers, we spend a great deal of time working with abstractions created by ourselves or others, and as such it can be easy to lose touch with the actual HTML output of our applications.
This is especially true when complicated interactivity is involved. In this talk we'll reflect on how we can use automated testing to focus on the accessible "identity" of our interactive features. By understanding the underlying patterns and testing them, we can make sure the application is behaving correctly and that our tests see through our architecture so that core accessible behaviors that matter to users don't get lost in the shuffle.
We will use Cypress as our test runner to show examples, but will focus on general ideas about what is being tested, and why, not the tool itself.