mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-19 22:25:09 +02:00
Add cypress tests covering change
This commit is contained in:
parent
2a7ef09407
commit
e2f5f59c7f
|
@ -5,13 +5,6 @@ describe('Choices - select one', () => {
|
||||||
|
|
||||||
describe('scenarios', () => {
|
describe('scenarios', () => {
|
||||||
describe('basic', () => {
|
describe('basic', () => {
|
||||||
beforeEach(() => {
|
|
||||||
// open dropdown
|
|
||||||
cy.get('[data-test-hook=basic]')
|
|
||||||
.find('.choices')
|
|
||||||
.click();
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('focusing on container', () => {
|
describe('focusing on container', () => {
|
||||||
describe('pressing enter key', () => {
|
describe('pressing enter key', () => {
|
||||||
it('toggles the dropdown', () => {
|
it('toggles the dropdown', () => {
|
||||||
|
@ -22,16 +15,35 @@ describe('Choices - select one', () => {
|
||||||
|
|
||||||
cy.get('[data-test-hook=basic]')
|
cy.get('[data-test-hook=basic]')
|
||||||
.find('.choices__list--dropdown')
|
.find('.choices__list--dropdown')
|
||||||
.should('not.be.visible');
|
.should('be.visible');
|
||||||
|
|
||||||
cy.get('[data-test-hook=basic]')
|
cy.get('[data-test-hook=basic]')
|
||||||
.find('.choices')
|
.find('.choices')
|
||||||
.focus()
|
.focus()
|
||||||
.type('{enter}');
|
.type('{enter}');
|
||||||
|
|
||||||
|
cy.get('[data-test-hook=basic]')
|
||||||
|
.find('.choices__list--dropdown')
|
||||||
|
.should('not.be.visible');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('pressing an alpha-numeric key', () => {
|
||||||
|
it('opens the dropdown and the input value', () => {
|
||||||
|
const inputValue = 'test';
|
||||||
|
|
||||||
|
cy.get('[data-test-hook=basic]')
|
||||||
|
.find('.choices')
|
||||||
|
.focus()
|
||||||
|
.type(inputValue);
|
||||||
|
|
||||||
cy.get('[data-test-hook=basic]')
|
cy.get('[data-test-hook=basic]')
|
||||||
.find('.choices__list--dropdown')
|
.find('.choices__list--dropdown')
|
||||||
.should('be.visible');
|
.should('be.visible');
|
||||||
|
|
||||||
|
cy.get('[data-test-hook=basic]')
|
||||||
|
.find('.choices__input--cloned')
|
||||||
|
.should('have.value', inputValue);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -67,6 +79,13 @@ describe('Choices - select one', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('selecting choices', () => {
|
describe('selecting choices', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
// open dropdown
|
||||||
|
cy.get('[data-test-hook=basic]')
|
||||||
|
.find('.choices')
|
||||||
|
.click();
|
||||||
|
});
|
||||||
|
|
||||||
const selectedChoiceText = 'Choice 1';
|
const selectedChoiceText = 'Choice 1';
|
||||||
|
|
||||||
it('allows selecting choices from dropdown', () => {
|
it('allows selecting choices from dropdown', () => {
|
||||||
|
@ -102,6 +121,13 @@ describe('Choices - select one', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('searching choices', () => {
|
describe('searching choices', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
// open dropdown
|
||||||
|
cy.get('[data-test-hook=basic]')
|
||||||
|
.find('.choices')
|
||||||
|
.click();
|
||||||
|
});
|
||||||
|
|
||||||
describe('on input', () => {
|
describe('on input', () => {
|
||||||
describe('searching by label', () => {
|
describe('searching by label', () => {
|
||||||
it('displays choices filtered by inputted value', () => {
|
it('displays choices filtered by inputted value', () => {
|
||||||
|
|
Loading…
Reference in a new issue