Cypress Mantine Helpers

A collection of custom Cypress commands to work with Mantine components.

Installation

pnpm add @avenue3-dev/cypress-mantine-helpers

Usage

Add the following to your cypress/support/commands.ts file:

import '@avenue3-dev/cypress-mantine-helpers'

Commands

mantineSelect

Selects an option or options from a Mantine Select, MultiSelect, or Autocomplete component.

// Select a single option by the label
cy.get('[data-testid="select"]').mantineSelect('Option 1')

// Select multiple options by the labels
cy.get('[data-testid="multiselect"]').mantineSelect(['Option 1', 'Option 2'])

// Select single by value
cy.get('[data-testid="select"]').mantineSelect('option-1')

// Select multiple by values
cy.get('[data-testid="multiselect"]').mantineSelect(['option-1', 'option-2'])