@rock-kit/ui-testable NPM

category: packages

ui-testable

A decorator that adds a data- attribute to the React component root node to make it easier to test.

NOTE: by default, when NODE_ENV==='production' the data- attributes will not be appended (since they are specifically there for testing and appending them takes a non-trivial amount of time at runtime, slowing things down for your actual users). If you would like the data-cid attributes on elements even in your production builds (like if you are using them in your e2e builds or something), you need to set the environment variable:

ALWAYS_APPEND_UI_TESTABLE_LOCATORS=1

Installation

yarn add @rock-kit/ui-testable

@rock-kit/ui-decorator

@rock-kit/template-component @rock-kit/ui-a11y-utils @rock-kit/ui-avatar @rock-kit/ui-badge @rock-kit/ui-breadcrumb @rock-kit/ui-buttons @rock-kit/ui-byline @rock-kit/ui-calendar @rock-kit/ui-checkbox @rock-kit/ui-date-input @rock-kit/ui-dialog @rock-kit/ui-drawer-layout @rock-kit/ui-elements @rock-kit/ui-expandable @rock-kit/ui-file-drop @rock-kit/ui-forms @rock-kit/ui-grid @rock-kit/ui-heading @rock-kit/ui-img @rock-kit/ui-layout @rock-kit/ui-link @rock-kit/ui-list @rock-kit/ui-menu @rock-kit/ui-metric @rock-kit/ui-modal @rock-kit/ui-motion @rock-kit/ui-navigation @rock-kit/ui-number-input @rock-kit/ui-options @rock-kit/ui-overlays @rock-kit/ui-pagination @rock-kit/ui-pill @rock-kit/ui-popover @rock-kit/ui-position @rock-kit/ui-progress @rock-kit/ui-radio-input @rock-kit/ui-range-input @rock-kit/ui-rating @rock-kit/ui-responsive @rock-kit/ui-select @rock-kit/ui-selectable @rock-kit/ui-spinner @rock-kit/ui-svg-images @rock-kit/ui-table @rock-kit/ui-tabs @rock-kit/ui-tag @rock-kit/ui-text-area @rock-kit/ui-text-input @rock-kit/ui-toggle-details @rock-kit/ui-tooltip @rock-kit/ui-tray @rock-kit/ui-tree-browser @rock-kit/ui-truncate-text

0.1.1

4 years ago

0.1.0

4 years ago