cypress-plugin-tab
Advanced tools
The cypress-plugin-tab package is a Cypress plugin that allows you to simulate tab key events in your Cypress tests. This is particularly useful for testing keyboard navigation and accessibility features in web applications.
Simulate Tab Key Press
This feature allows you to simulate a tab key press to move focus from one input element to the next. The code sample demonstrates how to focus on the first input element and then simulate a tab key press to move to the next focusable element.
cy.get('input').first().focus().tab();Simulate Shift+Tab Key Press
This feature allows you to simulate a Shift+Tab key press to move focus backward to the previous input element. The code sample demonstrates how to focus on the last input element and then simulate a Shift+Tab key press to move to the previous focusable element.
cy.get('input').last().focus().tab({ shift: true });The cypress-real-events package allows you to simulate real user interactions like key presses, mouse clicks, and more. It provides more comprehensive interaction capabilities compared to cypress-plugin-tab, which is focused specifically on tab key events.
The cypress-commands package extends Cypress with additional commands for various user interactions, including keyboard events. While it offers a broader range of commands, it may not be as specialized in handling tab key events as cypress-plugin-tab.
A Cypress plugin to add a tab command
:warning: this module is in beta, and might cause some strange failures. Please report bugs in the issues of this repo.
Note: please refer to this issue for updates about official cypress tab support
Add the plugin to devDependencies
npm install -D cypress-plugin-tab
At the top of cypress/support/index.js:
require('cypress-plugin-tab')
.tab() must be chained off of a tabbable(focusable) subject, or the body.tab() changes the subject to the newly focused element after pressing tab.tab({ shift: true }) sends a shift-tab to the element cy.get('input').type('foo').tab().type('bar') // type foo, then press tab, then type bar
cy.get('body').tab() // tab into the first tabbable element on the page
cy.focused().tab() // tab into the currently focused element
shift+tab:
cy.get('input')
.type('foop').tab()
.type('bar').tab({ shift: true })
.type('foo') // correct your mistake
FAQs
<!-- --> cypress-plugin-tab <kbd>beta</kbd> </a
The npm package cypress-plugin-tab receives a total of 241,487 weekly downloads. As such, cypress-plugin-tab popularity was classified as popular.
We found that cypress-plugin-tab demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.