VS Code Cypress Snippets

Demo

This extension includes the most common cypress snippets. If you like it, please leave your Rating & Review and share it with your friends.

Installation

In order to install an extension, you need to open the Extensions Palette (Ctrl + Shift + X or Cmd ⌘ + Shift + X). There you have either the option to show the already installed snippets or install new ones.

Visual Studio Marketplace

Supported Languages (file extensions)

JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)

Snippets

Mocha Snippets

Snippet	Code
`dsb`	describe('', () => { });
`ctx`	context('', () => { });
`spy`	specify('', () => { });
`it`	it('', () => { });
`bf`	before('', () => { });
`bfe`	beforeEach('', () => { });
`af`	after('', () => { });
`afe`	afterEach('', () => { });

⬆ Back to top

Cypress Snippets

Snippet	Code
`cyvt`	cy.visit('');
`cygt`	cy.get('');
`cyfd`	cy.get('').find('');
`cyft`	cy.get('').first('');
`cyte`	cy.get('').type('');
`cycs`	cy.contains('');
`cyck`	cy.get('').click();
`cywt`	cy.wait('');
`cylg`	cy.log('');
`cype`	cy.pause();
`cydg`	cy.debug();
`cyst`	cy.screenshot('');
`cyvp`	cy.viewport();

⬆ Back to top

Change Log

See the CHANGELOG for details about the changes in each version.

License

MIT

Cypress Snippets

Cliff Su

VS Code Cypress Snippets

Installation

Supported Languages (file extensions)

Snippets

Mocha Snippets

Cypress Snippets

Change Log

License