Add ajax e2e tests

This commit is contained in:
Josh Johnson 2018-10-20 13:32:58 +01:00
parent b94f9acb77
commit 97d6a1c8ac
2 changed files with 38 additions and 0 deletions

View file

@ -106,6 +106,11 @@
<option value="Dropdown item 3">Dropdown item 3</option>
</select>
</div>
<div data-test-hook="remote-data">
<label for="choices-remote-data">Remote data</label>
<select class="form-control" name="choices-remote-data" id="choices-remote-data" multiple></select>
</div>
</div>
</div>
<script>
@ -139,6 +144,20 @@
placeholder: true,
placeholderValue: 'I am a placeholder',
});
new Choices('#choices-remote-data', {
shouldSort: false,
}).ajax((callback) => {
fetch('/data')
.then((response) => {
response.json().then((data) => {
callback(data, 'value', 'label');
});
})
.catch((error) => {
console.error(error);
});
});
});
</script>
</body>

View file

@ -94,6 +94,11 @@
<option value="Dropdown item 3">Dropdown item 3</option>
</select>
</div>
<div data-test-hook="remote-data">
<label for="choices-remote-data">Remote data</label>
<select class="form-control" name="choices-remote-data" id="choices-remote-data"></select>
</div>
</div>
</div>
<script>
@ -124,6 +129,20 @@
new Choices('#choices-search-floor', {
searchFloor: 10,
});
new Choices('#choices-remote-data', {
shouldSort: false,
}).ajax((callback) => {
fetch('/data')
.then((response) => {
response.json().then((data) => {
callback(data, 'value', 'label');
});
})
.catch((error) => {
console.error(error);
});
});
});
</script>
</body>