cba-components

Web components for chromium browser automation

Collection of web components to be used in the CBA:

• cba-list - Single column list.
• cba-table - Multi column table.
• drag-drop - Drag and dropping cba-list to cba-table example.
• cba-tooltip - A tooltip with header, text and link, that automatically calculate opening directions.
• cba-tabs - Tabs component for switching between different panels.
• cba-button - A regular styled button.

Development

The code for the components can be found in the src directory.

Installation

npm install

Smoke tests

npm start # Starts development server

After launching command above navigate to http://localhost:3000/smoke/ and select a component for smoke testing, for example if you are looking for smoke testing cba-list then http://localhost:3000/smoke/cba-list/ is the page you are looking for, various smoke test implementations can be found at tests/smoke directory.

Note: currently smoke tests are also used for documenation purpose.

Automated tests

npm test # Launch puppeteer tests

The implementation for the puppeteer tests can be found at:

• tests/puppeteer - Main directory.
• tests/puppeteer/classes - Abstractions and helpers.
• tests/puppeteer/tests - Actual tests.
• tests/puppeteer/main.js - Various configurations.

Import

npm install privacy-manager-components
cba-components # Build and import components
cba-components --single-bundle # Build and import components into single file
# Specify components to import
cba-components --comp pm-table --comp pm-toggle
cba-components --output dirname # Specifies output folder