Banners prominently communicate contextual information.

Usage

import { PlumaTestHelpers } from '@customerio/pluma-components/react/test-helpers/pluma-test-helpers'

const banner = PlumaTestHelpers.extract('Banner', screen.getByTestId('data-test-banner'));

Test Helpers

Clicks the custom action button in the banner

Clicks the dismiss button in the banner

Clicks the close (X) button in the banner

Gets the content/description text of the banner

Gets the label text of the custom action button

Checks if the banner has a close (X) button

Checks if the banner has a custom action button

Checks if the banner has a dismiss button

Gets the title text of the banner

On this page