KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

cypress-plugin-tab

★ 96 Open GitHub ↗

A cypress plugin to add a tab command

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
    <h1>cypress-plugin-tab</h1>
    <a href="https://www.npmjs.com/package/cypress-plugin-tab"><img src="https://img.shields.io/npm/v/cypress-plugin-tab.svg?style=flat"></a>
    <a href="https://www.npmjs.com/package/cypress-plugin-tab"><img src="https://img.shields.io/npm/dm/cypress-plugin-tab.svg"></a>
    <a href="https://github.com/kuceb/cypress-plugin-tab/blob/master/LICENSE"><img src="https://img.shields.io/github/license/kuceb/cypress-plugin-tab.svg"></a>
<p>A Cypress plugin to add a tab command</p>

</div>

![](https://raw.githubusercontent.com/kuceb/cypress-plugin-tab/master/docs/readme-screenshot.png)
![](https://raw.githubusercontent.com/kuceb/cypress-plugin-tab/master/docs/readme-demo.gif)

### Installation

This package supports Cypress 10+.

1. Install the plugin:

```bash
npm install -D cypress-plugin-tab
```

2. Load it from your Cypress support file at **`cypress/support/e2e.js`**:

```js
require('cypress-plugin-tab')
```

If your support file is TypeScript, use:

```ts
import 'cypress-plugin-tab'
```

3. Make sure your Cypress config points at that support file. Example **`cypress.config.js`**:

```js
const { defineConfig } = require('cypress')

module.exports = defineConfig({
  e2e: {
    supportFile: 'cypress/support/e2e.js',
  },
})
```

4. If you use TypeScript and want the custom command typed in editors, add the package to your Cypress tsconfig:

```json
{
  "compilerOptions": {
    "types": ["cypress", "cypress-plugin-tab"]
  }
}
```

### Usage

- `.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

```js
cy.get('input').type('hello').tab().type('world') // 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:

```js
cy.get('input')
  .type('hwllo')
  .tab()
  .type('world')
  .tab({ shift: true })
  .type('hello') // correct your mistake
```

### License

[MIT](LICENSE)

cypress-plugin-tab

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README