Cypress: type tab key

testing e2e-testing cypress
bkucera picture bkucera · Mar 5, 2019 · Viewed 8.1k times · Source

I want to test that my forms are accessible and that I can tab between my input elements. I found this github issue asking for the feature here: https://github.com/cypress-io/cypress/issues/299

Currently I try to do .type('{tab}') and I get the following error:

CypressError: {tab} isn't a supported character sequence. You'll want to use the command cy.tab(), which is not ready yet, but when it is done that's what you'll use.

Is there a current workaround for the lack of tab support?

Answer

bkucera picture bkucera · Mar 5, 2019

The Cypress team is currently working on implementing tab support along with other keyboard keys as part of Native Events

In the meantime I've made a plugin that adds a .tab() command. cypress-plugin-tab:

This enables you to do:

cy.get('input').tab()
// and
cy.get('input').tab({shift: true})

However, the actual tab implementation will not be a separate command, so know if you use this plugin, you'll have to refactor your test code when Native Events lands

Related questions

How to test file inputs with Cypress?

How can I write an e2e test of flow that requires interaction with the file Input DOM element? If it's a text input I can interact with it (check value, set value) etc as its a DOM component. But …

Read More
How to login in Auth0 in an E2E test with Cypress?

I have started testing a react webapp but I didn't go far because I had issues with the login. I am using cypress e2e testing tool. A welcome page is shown with a button to login, which will redirect …

Read More
Can I access parameters in my protractor configuration file?

I start my protractor tests by running the following: protractor protractor.conf.js --params.baseUrl=http://www.google.com --suite all I would like to run a 'before launch' function which is dependant of one parameter (in this case, the …

Read More