| OLD | NEW |
| 1 Shared Adblock Plus UI code | 1 Shared Adblock Plus UI code |
| 2 =========================== | 2 =========================== |
| 3 | 3 |
| 4 The user interface elements defined in this repository will be used by various | 4 The user interface elements defined in this repository will be used by various |
| 5 Adblock Plus products like Adblock Plus for Firefox. Their functionality can be | 5 Adblock Plus products like Adblock Plus for Firefox. Their functionality can be |
| 6 tested within this repository, even though they might not work exactly the same | 6 tested within this repository, even though they might not work exactly the same |
| 7 as they will do in the final product. | 7 as they will do in the final product. |
| 8 | 8 |
| 9 Installing dependencies | 9 Installing dependencies |
| 10 ----------------------- | 10 ----------------------- |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 60 You can pass along to underlying [http-server](https://www.npmjs.com/package/htt
p-server) | 60 You can pass along to underlying [http-server](https://www.npmjs.com/package/htt
p-server) |
| 61 program any arguments via `--` as in: | 61 program any arguments via `--` as in: |
| 62 ```sh | 62 ```sh |
| 63 npm start -- -p 5000 -c-1 | 63 npm start -- -p 5000 -c-1 |
| 64 ``` | 64 ``` |
| 65 | 65 |
| 66 Various aspects of the pages can be tested by setting parameters in the URL. | 66 Various aspects of the pages can be tested by setting parameters in the URL. |
| 67 The only universal parameter is `locale`, e.g. `?locale=es-AR`. This parameter | 67 The only universal parameter is `locale`, e.g. `?locale=es-AR`. This parameter |
| 68 overrides browser's locale which will be used by default. | 68 overrides browser's locale which will be used by default. |
| 69 | 69 |
| 70 Smoke Testing UI |
| 71 ---------------- |
| 72 |
| 73 The `./tests` folder contains essential files to test our Custom Elements |
| 74 in isolation. As it is done for the `io-element` one, you need to add |
| 75 at least an `io-element.js` test file and its `io-element.html` related page. |
| 76 |
| 77 A package script entry such `"test:io-element.js"` should bundle the |
| 78 resulting page/component inside the `./smoke` folder. |
| 79 |
| 80 Please read how it's done for `io-element` to know more. |
| 81 |
| 82 |
| 70 Linting | 83 Linting |
| 71 ------- | 84 ------- |
| 72 | 85 |
| 73 You can lint all options via `npm run lint`. | 86 You can lint all options via `npm run lint`. |
| 74 | 87 |
| 75 You can also run specific target linting via `npm run lint:js` or, once availabl
e, via `npm run lint:css`. | 88 You can also run specific target linting via `npm run lint:js` or, once availabl
e, via `npm run lint:css`. |
| 76 | 89 |
| 77 Remember, both `eslint` and `stylelint` can help fixing issues via `--fix` flag. | 90 Remember, both `eslint` and `stylelint` can help fixing issues via `--fix` flag. |
| 78 | 91 |
| 79 You can try as example via [npx](https://medium.com/@maybekatz/introducing-npx-a
n-npm-package-runner-55f7d4bd282b) | 92 You can try as example via [npx](https://medium.com/@maybekatz/introducing-npx-a
n-npm-package-runner-55f7d4bd282b) |
| (...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 204 errors when adding new filters on the options page | 217 errors when adding new filters on the options page |
| 205 * `blockedURLs`: a comma-separated list of URLs that should be considered | 218 * `blockedURLs`: a comma-separated list of URLs that should be considered |
| 206 blocked (necessary to test the check for blocked scripts in sharing buttons). | 219 blocked (necessary to test the check for blocked scripts in sharing buttons). |
| 207 * `downloadStatus`: sets downloadStatus parameter for filter lists, can be used | 220 * `downloadStatus`: sets downloadStatus parameter for filter lists, can be used |
| 208 to trigger various filter list download errors | 221 to trigger various filter list download errors |
| 209 * `platform=chromium`: shows the opt-out for the developer tools panel | 222 * `platform=chromium`: shows the opt-out for the developer tools panel |
| 210 * `showNotificationUI=true`: simulates user having opted-out of notifications | 223 * `showNotificationUI=true`: simulates user having opted-out of notifications |
| 211 | 224 |
| 212 | 225 |
| 213 [crowdin]: https://crowdin.com | 226 [crowdin]: https://crowdin.com |
| OLD | NEW |