cypress-plugin-tab
Advanced tools
Package description
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.
Readme
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 191,583 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.
Research
Security News
Socket researchers have uncovered 3.7 million fake GitHub stars, highlighting a growing threat linked to scams, fraud, and malware, with these campaigns rapidly increasing over the last six months.
Security News
Deno's Standard Library has stabilized after four years of development, offering developers a collection of well-maintained tools compatible with Deno, Node.js, Cloudflare Workers, and browsers with bundlers.
Security News
Trivial packages, while convenient, can introduce significant risks such as dependency bloat, security vulnerabilities, and performance issues in modern software projects.