mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-03 14:32:11 +02:00
Add further e2e test to assert on placeholder ordering
This commit is contained in:
parent
374f8dd31b
commit
7394726cff
|
@ -479,6 +479,21 @@ describe('Choices - select one', () => {
|
||||||
.should('not.have.value', 'I am a placeholder');
|
.should('not.have.value', 'I am a placeholder');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
describe('when choice list is open', () => {
|
||||||
|
it('displays the placeholder choice first', () => {
|
||||||
|
cy.get('[data-test-hook=placeholder-via-option-value]')
|
||||||
|
.find('.choices__input--cloned')
|
||||||
|
.focus();
|
||||||
|
|
||||||
|
cy.get('[data-test-hook=placeholder-via-option-value]')
|
||||||
|
.find('.choices__list--dropdown .choices__list')
|
||||||
|
.children()
|
||||||
|
.first()
|
||||||
|
.should('have.class', 'choices__placeholder')
|
||||||
|
.should('have.text', 'I am a placeholder');
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('placeholder via option attribute', () => {
|
describe('placeholder via option attribute', () => {
|
||||||
|
@ -497,21 +512,36 @@ describe('Choices - select one', () => {
|
||||||
|
|
||||||
describe('when a choice has been selected', () => {
|
describe('when a choice has been selected', () => {
|
||||||
it('does not display a placeholder', () => {
|
it('does not display a placeholder', () => {
|
||||||
cy.get('[data-test-hook=placeholder-via-option-value]')
|
cy.get('[data-test-hook=placeholder-via-option-attr]')
|
||||||
.find('.choices__input--cloned')
|
.find('.choices__input--cloned')
|
||||||
.focus();
|
.focus();
|
||||||
|
|
||||||
cy.get('[data-test-hook=placeholder-via-option-value]')
|
cy.get('[data-test-hook=placeholder-via-option-attr]')
|
||||||
.find('.choices__list--dropdown .choices__list')
|
.find('.choices__list--dropdown .choices__list')
|
||||||
.children()
|
.children()
|
||||||
.first()
|
.first()
|
||||||
.click();
|
.click();
|
||||||
|
|
||||||
cy.get('[data-test-hook=placeholder-via-option-value]')
|
cy.get('[data-test-hook=placeholder-via-option-attr]')
|
||||||
.find('.choices__input--cloned')
|
.find('.choices__input--cloned')
|
||||||
.should('not.have.value', 'I am a placeholder');
|
.should('not.have.value', 'I am a placeholder');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
describe('when choice list is open', () => {
|
||||||
|
it('displays the placeholder choice first', () => {
|
||||||
|
cy.get('[data-test-hook=placeholder-via-option-attr]')
|
||||||
|
.find('.choices__input--cloned')
|
||||||
|
.focus();
|
||||||
|
|
||||||
|
cy.get('[data-test-hook=placeholder-via-option-attr]')
|
||||||
|
.find('.choices__list--dropdown .choices__list')
|
||||||
|
.children()
|
||||||
|
.first()
|
||||||
|
.should('have.class', 'choices__placeholder')
|
||||||
|
.should('have.text', 'I am a placeholder');
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('remote data', () => {
|
describe('remote data', () => {
|
||||||
|
|
Loading…
Reference in a new issue