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

Add scrolling e2e tests

Browse source
This commit is contained in:
Josh Johnson 2018-10-21 18:39:37 +01:00
parent 462d8b764c
commit 620bfeae0d
2 changed files with 104 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
cypress/integration/select-multiple.spec.js
View file

@ -189,6 +189,58 @@ describe('Choices - select multiple', () => {
});
});
});
describe('scrolling choices', () => {
const choicesCount = 4;
it('highlights first choice on dropdown open', () => {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal('Dropdown item 1');
});
});
it('scrolls to next choice on down arrow', () => {
for (let index = 0; index < choicesCount; index++) {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal(
`Dropdown item ${index + 1}`,
);
});
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{downarrow}');
}
});
it('scrolls up to previous choice on up arrow', () => {
// scroll to last choice
for (let index = 0; index < choicesCount; index++) {
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{downarrow}');
}
// scroll up to first choice
for (let index = choicesCount; index > 0; index--) {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal(
`Dropdown item ${index}`,
);
});
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{uparrow}');
}
});
});
});
describe('remove button', () => {

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

@ -129,6 +129,58 @@ describe('Choices - select one', () => {
});
});
});
describe('scrolling choices', () => {
const choicesCount = 4;
it('highlights first choice on dropdown open', () => {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal('Dropdown item 1');
});
});
it('scrolls to next choice on down arrow', () => {
for (let index = 0; index < choicesCount; index++) {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal(
`Dropdown item ${index + 1}`,
);
});
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{downarrow}');
}
});
it('scrolls up to previous choice on up arrow', () => {
// scroll to last choice
for (let index = 0; index < choicesCount; index++) {
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{downarrow}');
}
// scroll up to first choice
for (let index = choicesCount; index > 0; index--) {
cy.get('[data-test-hook=basic]')
.find('.choices__list--dropdown .choices__list .is-highlighted')
.should($choice => {
expect($choice.text().trim()).to.equal(
`Dropdown item ${index}`,
);
});
cy.get('[data-test-hook=basic]')
.find('.choices__input--cloned')
.type('{uparrow}');
}
});
});
});
describe('remove button', () => {