cba-components
v1.3.0
Published
This is a repository where the components for the Chromium Browser Automation project might live.
Downloads
21
Readme
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