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

Add enabled/disabled tests

Browse source
This commit is contained in:
Josh Johnson 2018-10-11 19:58:06 +01:00
parent 447f53a078
commit e53ebdda42
1 changed files with 113 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

215
cypress/integration/choices_spec.js
View file

@ -6,77 +6,117 @@ describe('Choices', () => {
describe('text element', () => {
const textInput = 'testing';
describe('adding choices', () => {
it('allows me to input choices', () => {
cy.get('.choices')
.first()
.find('.choices__input--cloned')
.type(textInput)
.type('{enter}');
cy.get('.choices')
.first()
.find('.choices__list .choices__item')
.last()
.should($el => {
expect($el).to.contain(textInput);
});
});
describe('inputting data', () => {
it('shows a dropdown prompt', () => {
describe('choices enabled', () => {
describe('adding choices', () => {
it('allows me to input choices', () => {
cy.get('.choices')
.first()
.find('.choices__input--cloned')
.type(textInput);
.type(textInput)
.type('{enter}');
cy.get('.choices')
.first()
.find('.choices__list--dropdown')
.should('be.visible')
.should($dropdown => {
const dropdownText = $dropdown.text().trim();
expect(dropdownText).to.equal(
`Press Enter to add "${textInput}"`,
);
.find('.choices__list .choices__item')
.last()
.should($el => {
expect($el).to.contain(textInput);
});
});
});
describe('input limit', () => {
beforeEach(() => {
for (let index = 0; index < 6; index++) {
describe('inputting data', () => {
it('shows a dropdown prompt', () => {
cy.get('.choices')
.first()
.find('.choices__input--cloned')
.type(`${textInput} + ${index}`)
.type(textInput);
cy.get('.choices')
.first()
.find('.choices__list--dropdown')
.should('be.visible')
.should($dropdown => {
const dropdownText = $dropdown.text().trim();
expect(dropdownText).to.equal(
`Press Enter to add "${textInput}"`,
);
});
});
});
describe('input limit', () => {
beforeEach(() => {
for (let index = 0; index < 6; index++) {
cy.get('.choices')
.first()
.find('.choices__input--cloned')
.type(`${textInput} + ${index}`)
.type('{enter}');
}
});
it('does not let me input more than 5 choices', () => {
cy.get('.choices')
.first()
.find('.choices__list--multiple')
.first()
.children()
.should($items => {
expect($items.length).to.equal(5);
});
});
it('hides dropdown prompt once limit has been reached', () => {
cy.get('.choices')
.first()
.find('.choices__list--dropdown')
.should('not.be.visible');
});
});
describe('unique values', () => {
beforeEach(() => {
cy.get('.choices')
.eq(1) // second choices instance
.find('.choices__input--cloned')
.type(`${textInput}`)
.type('{enter}')
.type(`${textInput}`)
.type('{enter}');
}
});
});
it('does not let me input more than 5 choices', () => {
cy.get('.choices')
.first()
.find('.choices__list--multiple')
.first()
.children()
.should($items => {
expect($items.length).to.equal(5);
it('only allows me to input unique values', () => {
cy.get('.choices')
.eq(1)
.find('.choices__list--multiple')
.first()
.children()
.should($items => {
expect($items.length).to.equal(1);
});
});
describe('inputting a non-unique value', () => {
it('displays dropdown prompt', () => {
cy.get('.choices')
.eq(1)
.find('.choices__list--dropdown')
.should('be.visible')
.should($dropdown => {
const dropdownText = $dropdown.text().trim();
expect(dropdownText).to.equal(
'Only unique values can be added.',
);
});
});
});
it('hides dropdown prompt once limit has been reached', () => {
cy.get('.choices')
.first()
.find('.choices__list--dropdown')
.should('not.be.visible');
});
});
});
describe('unique values', () => {
describe('removing choices', () => {
beforeEach(() => {
cy.get('.choices')
.eq(1) // second choices instance
.first() // second choices instance
.find('.choices__input--cloned')
.type(`${textInput}`)
.type('{enter}')
@ -84,70 +124,41 @@ describe('Choices', () => {
.type('{enter}');
});
it('only allows me to input unique values', () => {
it('allows me to remove inputted choices', () => {
cy.get('.choices')
.eq(1)
.first()
.find('.choices__list--multiple')
.first()
.children()
.should($items => {
expect($items.length).to.equal(2);
});
cy.get('.choices')
.first()
.find('.choices__list--multiple .choices__item')
.last()
.find('.choices__button')
.focus()
.click();
cy.get('.choices')
.first()
.find('.choices__list--multiple')
.first()
.should($items => {
expect($items.length).to.equal(1);
});
});
describe('inputting a non-unique value', () => {
it('displays dropdown prompt', () => {
cy.get('.choices')
.eq(1)
.find('.choices__list--dropdown')
.should('be.visible')
.should($dropdown => {
const dropdownText = $dropdown.text().trim();
expect(dropdownText).to.equal(
'Only unique values can be added.',
);
});
});
});
});
});
describe('removing choices', () => {
beforeEach(() => {
describe('choices disabled', () => {
it('does not allow me to input data', () => {
cy.get('.choices')
.first() // second choices instance
.eq(3)
.find('.choices__input--cloned')
.type(`${textInput}`)
.type('{enter}')
.type(`${textInput}`)
.type('{enter}');
});
it('allows me to remove inputted choices', () => {
cy.get('.choices')
.first()
.find('.choices__list--multiple')
.first()
.children()
.should($items => {
expect($items.length).to.equal(2);
});
cy.get('.choices')
.first()
.find('.choices__list--multiple .choices__item')
.last()
.find('.choices__button')
.focus()
.click();
cy.get('.choices')
.first()
.find('.choices__list--multiple')
.first()
.should($items => {
expect($items.length).to.equal(1);
});
.should('be.disabled');
});
});
});