- - - )) - - cy.get('input[name="myName"]').then((el) => expect(el.length).to.eql(3)) - cy.get('input').then((els) => { - expect(els.length).to.eql(6) - expect(_.filter(els, (el) => el.name !== 'myName').length).to.eql(3) - }) - }) - - it('can render multiple groups on the same page', () => { - cy.render(render, ( - <> - -
- -
- - - )) - - cy.get('input[name="myName"]').then((el) => expect(el.length).to.eql(3)) - cy.get('input').then((els) => { - expect(els.length).to.eql(9) - expect(_.filter(els, (el) => el.name !== 'myName').length).to.eql(6) - expect(els[1].checked).to.be.true - expect(els[3].checked).to.be.true - expect(els[8].checked).to.be.true - }) - }) - - it('only a single SelectItem is checked at a time', () => { - const onChange = cy.stub() - - cy.render(render, ( - - )) - - cy.get('[data-value="v1"]').click() - .then(() => expect(onChange).to.be.calledWith('v1')) - - cy.get('[data-value="v3"]').click() - .then(() => expect(onChange).to.be.calledWith('v3')) - }) - - it('other components are permitted as children for a ', () => { - cy.render(render, ( -
-
-
- ))
-
- cy.get('h3').first().contains('Fruits')
- cy.get('h3').last().contains('Vegetables')
- })
-
- describe('single value selection', () => {
- it('focus-able', () => {
- cy.render(render, (
-
- ))
-
- cy.get('[value="v1"]').as('focused').first().focus()
- cy.window().then((win) => {
- cy.get('@focused').then((el) => {
- expect(win.document.activeElement).to.eql(el[0])
- })
- })
- })
-
- // NOTE: requires native event tab support
- // cypress-plugin-tab does not mimic the behavior of tabbing in this context exactly as the browser does
- it.skip('tabbing moves focus to the next element with a tabIndex', () => {
- cy.render(render, (
-
- ))
-
- cy.get('[data-test="v1"]').focus().tab()
- cy.window().then((win) => {
- cy.get('input[type="text"]').then((el) => {
- expect(win.document.activeElement).to.eql(el[0])
- })
- })
-
- cy.get('[data-test="v3"]').focus().tab({ shift: true })
- cy.window().then((win) => {
- cy.get('input[type="text"]').then((el) => {
- expect(win.document.activeElement).to.eql(el[0])
- })
- })
- })
-
- describe('arrow keys', () => {
- const left = 13
- const up = 38
- const right = 39
- const down = 40
- let onChange
-
- beforeEach(() => {
- const Wrapper = ({ onChangeSpy }) => {
- const [selected, setSelected] = useState()
-
- const onChange = (value) => {
- onChangeSpy(value)
- setSelected(value)
- }
-
- return (
-
- )
- }
-
- onChange = cy.spy()
-
- cy.render(render, -
- {_.map(this.props.others, (item) => (
-
- this._onSelect(item)} - >{this.props.renderItem(item)} - ))} -
-
- {children}
-