diff options
| author | Michael Foiani <mfoiani2019@communityschoolnaples.org> | 2018-07-25 19:38:43 -0400 |
|---|---|---|
| committer | Michael Foiani <mfoiani2019@communityschoolnaples.org> | 2018-07-25 19:38:43 -0400 |
| commit | 3c09a0a91488e182f521b0cd39017cb5bc781a83 (patch) | |
| tree | bc26d401b97f13169f3becdfe03bba6fd0f34353 /test/unit/counter-element.html | |
Initial commit. Added pwa starter kit to project for the application.
Diffstat (limited to 'test/unit/counter-element.html')
| -rw-r--r-- | test/unit/counter-element.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/test/unit/counter-element.html b/test/unit/counter-element.html new file mode 100644 index 0000000..6c59785 --- /dev/null +++ b/test/unit/counter-element.html @@ -0,0 +1,74 @@ +<!-- +@license +Copyright (c) 2018 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> + +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>my-view1</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <script src="../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script> + <script src="../../node_modules/wct-browser-legacy/browser.js"></script> + + <!-- Import the element to test --> + <script type="module" src="../../src/components/counter-element.js"></script> + </head> + <body> + <test-fixture id="basic"> + <template> + <counter-element></counter-element> + </template> + </test-fixture> + + <script type="module"> + import 'axe-core/axe.min.js'; + import {axeReport} from 'pwa-helpers/axe-report.js'; + + suite('counter-element tests', function() { + let el; + setup(function() { + el = fixture('basic'); + }); + + test('starts empty', function() { + assert.equal(el.clicks, '0'); + assert.equal(el.value, '0'); + }); + + test('clicking on plus increments', function() { + assert.equal(el.clicks, '0'); + assert.equal(el.value, '0'); + + const buttons = el.shadowRoot.querySelectorAll('button'); + buttons[0].click(); + + assert.equal(el.clicks, '1'); + assert.equal(el.value, '1'); + }); + + test('clicking on minus decrements', function() { + assert.equal(el.clicks, '0'); + assert.equal(el.value, '0'); + + const buttons = el.shadowRoot.querySelectorAll('button'); + buttons[1].click(); + + assert.equal(el.clicks, '1'); + assert.equal(el.value, '-1'); + }); + + test('a11y', function() { + return axeReport(el); + }); + }); + </script> + </body> +</html> |