Sha256: 60863bdc0add0b3d2cf9e5cd5262dc5a7bf9078b0a430cfa27ceceae417d8c95

Contents?: true

Size: 1.68 KB

Versions: 937

Compression:

Stored size: 1.68 KB

Contents

import React from 'react'
import { render, screen } from '../utilities/test-utils'
import SelectableList from './_selectable_list'

const testId = "selectable-list-test"

const SelectableListCheckbox = () => {
    return (
      <SelectableList 
          data={{ testid: testId }} 
          variant="checkbox">
        <SelectableList.Item
            label="Mild"
            name="checkbox-name-1"
            value="1"
        />
        <SelectableList.Item
            checked
            label="Medium"
            name="checkbox-name-2"
            value="2"
        />
      </SelectableList>
    )
}

const SelectableListRadio = () => {
    return (
        <SelectableList
            data={{ testid: testId }}
            variant="radio">
        <SelectableList.Item
            label="Small"
            name="radio"
            value="1"
        />
        <SelectableList.Item
            defaultChecked
            label="Medium"
            name="radio"
            value="2"
        />
      </SelectableList>
    )
}


test("classname renders as expected", () => {
   render(<SelectableListCheckbox />)

   const kit = screen.getByTestId("selectable-list-test")
   expect(kit).toHaveClass("pb_selectable_list_kit")
})

test("renders variant checkbox", () => {
    render(<SelectableListCheckbox />)
    const kit = screen.getByTestId("selectable-list-test")
    const checkbox = kit.querySelector(".pb_checkbox_kit")
    expect(checkbox).toBeInTheDocument()
})

test("renders variant radio", () => {
    render(<SelectableListRadio />)
    const kit = screen.getByTestId("selectable-list-test")
    const checkbox = kit.querySelector(".pb_radio_kit")
    expect(checkbox).toBeInTheDocument()

})

Version data entries

937 entries across 937 versions & 1 rubygems

Version Path
playbook_ui-12.20.0 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.19.0.pre.alpha.PLAY699zindexresponsive650 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.19.0.pre.alpha.movemarkdown639 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.19.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown638 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.19.0.pre.alpha.movemarkdown637 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY785typeaheadts632 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.19.0 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown628 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.play786multilevelselectimprovements627 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown626 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown617 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY735mobileheadersfix616 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.play786multilevelselectimprovements613 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY747carddarktokens610 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY785typeaheadts608 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0.pre.alpha.PLAY785typeaheadts607 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.18.0 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.17.1 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
playbook_ui-12.17.0.pre.alpha.lightboxcurrentPhotoIndex582 app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js