E2EToolkit

E2EToolkit is a set of tools that aims to make the process for writing e2e-tests less tricky and more comfortable, so you can focus on testing scenarios.

Why and how to use Test Attributes

Tools:

• Q Helper // Provides shortcuts for css-queries
• R Helper // Provides shortcuts for url-patterns
• Element Lookup Assistant // Helps to figure out element's test-id without digging into the elements' tree.

Helpers

Initialization

import { e2eHelpersFactory } from 'e2e-toolkit';
export const { q, r } = e2eHelpersFactory(/* Config */);

or

import { e2eHelpersFactory } from 'e2e-toolkit';
const { q, r } = e2eHelpersFactory(/* Config */);

global.q = q;
global.r = r;

Configuration

Default config

interface E2EHelpersConfig {
    customSelectorPrefix: string
    pseudoSelectorPrefix: string
    pseudoSelectorMap: Record<string, string>
}

const config: E2EHelpersConfig = {
    customSelectorPrefix: '%',
    pseudoSelectorPrefix: '%%',
    pseudoSelectorMap: {},
}

Related resources

• Cypress // a next generation front end testing tool built for the modern web