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

update tests for user choices with select boxes

Browse source
This commit is contained in:
alex 2020-04-15 14:44:52 +02:00
parent 5dbea2825a
commit b86afadd59
4 changed files with 76 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
cypress/e2e/select-multiple.spec.ts
View file

@ -308,6 +308,24 @@ describe('Choices - select multiple', () => {
});
});
describe('adding user-created choices', () => {
it('allows the user to add choices', () => {
const newChoice = 'New Choice';
cy.get('[data-test-hook=add-items]')
.find('.choices__input--cloned')
.type(newChoice)
.type('{enter}');
cy.get('[data-test-hook=add-items]')
.find('.choices__list--multiple')
.last()
.should($el => {
expect($el).to.contain(newChoice);
});
});
});
describe('adding items disabled', () => {
/*
{

23
cypress/e2e/select-one.spec.ts
View file

@ -271,6 +271,29 @@ describe('Choices - select one', () => {
});
});
describe('adding user-created choices', () => {
beforeEach(() => {
cy.get('[data-test-hook=add-items]')
.find('.choices')
.click();
});
it('allows the user to add choices', () => {
const newChoice = 'New Choice';
cy.get('[data-test-hook=add-items]')
.find('.choices__input--cloned')
.type(newChoice)
.type('{enter}');
cy.get('[data-test-hook=add-items]')
.find('.choices__list--single .choices__item')
.should($el => {
expect($el).to.contain(newChoice);
});
});
});
describe('adding items disabled', () => {
/*
{

18
public/test/select-multiple/index.html
View file

@ -103,6 +103,20 @@
</select>
</div>
<div data-test-hook="add-items">
<label for="choices-add">Add user-created choices</label>
<select
class="form-control"
name="choices-add-items"
id="choices-add-items"
multiple
>
<option value="Choice 1" selected>Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div data-test-hook="add-items-disabled">
<label for="choices-add-items-disabled">Add items disabled</label>
<select
@ -426,6 +440,10 @@
allowHTML: true,
});
new Choices('#choices-add-items', {
addItems: true,
});
new Choices('#choices-add-items-disabled', {
allowHTML: true,
addItems: false,

17
public/test/select-one/index.html
View file

@ -108,6 +108,19 @@
</select>
</div>
<div data-test-hook="add-items">
<label for="choices-add-items">Add user-created choices</label>
<select
class="form-control"
name="choices-add-items"
id="choices-add-items"
>
<option value="Choice 1" selected>Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div data-test-hook="add-items-disabled">
<label for="choices-add-items-disabled">Add items disabled</label>
<select
@ -471,6 +484,10 @@
],
});
new Choices('#choices-add-items', {
addItems: true,
});
new Choices('#choices-add-items-disabled', {
allowHTML: true,
addItems: false,