deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-23 07:52:22 +02:00
Code Issues Projects Releases Wiki Activity

Add cypress tests covering change

Browse source
This commit is contained in:
Josh Johnson 2019-11-19 21:18:39 +00:00
parent 2a7ef09407
commit e2f5f59c7f
1 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
cypress/integration/select-one.spec.js
View file

@ -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', () => {