|
7 | 7 | [](https://github.com/ghiscoding/multiple-select-vanilla/actions)
|
8 | 8 |
|
9 | 9 | ## Official Release now available 📣
|
10 |
| -We now have a fully working and official release including a [**Live demo**](https://ghiscoding.github.io/multiple-select-vanilla/) for all available options/methods. The intention is to eventually use this demo to add Cypress E2E tests. |
| 10 | +We now have a fully working and official release including a [**Live demo**](https://ghiscoding.github.io/multiple-select-vanilla/) for all available options/methods. |
11 | 11 |
|
12 | 12 | ## Description
|
13 |
| -Multiple-Select-Vanilla is a fork of the popular [Multiple-Select (jQuery)](https://github.com/wenzhixin/multiple-select) library, it is based on its last version `v1.5.2`. The main difference from the original lib is that we dropped jQuery and we use pure JavaScript without any external dependencies (zero dependency). We also added a few extra features which you can see in the section below ([Changes vs Original lib](#changes-vs-original-lib)). Our [Live demo](https://ghiscoding.github.io/multiple-select-vanilla/) is also used by our E2E tests with [Playwright](https://playwright.dev/) |
14 |
| - |
| 13 | +Multiple-Select-Vanilla is a fork of the popular [Multiple-Select (jQuery)](https://github.com/wenzhixin/multiple-select) library, it is based on its last version `v1.5.2`. The main difference from the original lib is that we dropped jQuery and we use pure JavaScript without any external dependencies (zero dependency). We also added a few extra features which you can see in the section below ([Changes vs Original lib](#changes-vs-original-lib)). |
| 14 | + |
15 | 15 | This lib allows you to select multiple elements with checkboxes :).
|
16 | 16 |
|
17 | 17 | To get started checkout examples and documentation at https://ghiscoding.github.io/multiple-select-vanilla
|
18 | 18 |
|
| 19 | + |
| 20 | +### Fully tested with [](https://playwright.dev/) |
| 21 | + |
| 22 | +The [Live demo](https://ghiscoding.github.io/multiple-select-vanilla/) website is also used by [Playwright](https://playwright.dev/) for E2E testing of the library, every examples are covered with Playwright tests. |
| 23 | + |
19 | 24 | ## Installation
|
20 | 25 |
|
21 | 26 | ```sh
|
@@ -43,7 +48,9 @@ New Multiple-Select Options:
|
43 | 48 | - `useSelectOptionLabel` will use the `<option label="">` (from select option value) that can be used to display shorter selected option values.
|
44 | 49 | - example: value "1,3" instead of "January,March" (see [demo](https://ghiscoding.github.io/multiple-select-vanilla/#/options31))
|
45 | 50 | - `useSelectOptionLabelToHtml` similar to `useSelectOptionLabel` but also renders HTML.
|
| 51 | + - `renderOptionLabelAsHtml` will render selected options as HTML (see [demo](https://ghiscoding.github.io/multiple-select-vanilla/#/options27)) |
46 | 52 | - `sanitizer` can be used to sanitize HTML code and prevent XSS cross-site scripting attacks (see [demo](https://ghiscoding.github.io/multiple-select-vanilla/#/options32)).
|
| 53 | + - `dataTest` will add a `data-test` attribute on the `.ms-parent` and `.ms-drop` divs for easier E2E testing |
47 | 54 |
|
48 | 55 | ## Contributions
|
49 | 56 |
|
|
0 commit comments