diff --git a/lit-element.js b/lit-element.js new file mode 100644 index 0000000..1708174 --- /dev/null +++ b/lit-element.js @@ -0,0 +1,43 @@ +import {LitElement, html} from '@polymer/lit-element' + +class LitElementCounter extends LitElement { + static get properties() { + return { + count: Number, + } + } + + constructor() { + super() + this.count = 0 + } + + render() { + return html`` + } +} + +customElements.define('lit-element-counter', LitElementCounter) + +function render() { + const container = document.createElement('div') + const component = document.createElement('lit-element-counter') + container.appendChild(component) + document.body.appendChild(container) + return { + container, + ...getQueriesForElement(container), + } +} + +test('renders a counter', () => { + const {getByText} = render() + const counter = getByText('0') + fireEvent.click(counter) + expect(counter).toHaveTextContent('1') + + fireEvent.click(counter) + expect(counter).toHaveTextContent('2') +}) diff --git a/lit-element.test.js b/lit-element.test.js new file mode 100644 index 0000000..178f27c --- /dev/null +++ b/lit-element.test.js @@ -0,0 +1,3 @@ +// needed to make Jest play nicely with esm +require = require('esm')(module, {mode: 'auto'}); +module.exports = require('./lit-element.js'); diff --git a/package-lock.json b/package-lock.json index 75ebbc8..8e27229 100644 --- a/package-lock.json +++ b/package-lock.json @@ -918,6 +918,14 @@ } } }, + "@polymer/lit-element": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@polymer/lit-element/-/lit-element-0.6.0.tgz", + "integrity": "sha512-9Agca2zlw61WCkKjp0jsz90FwQ1SGwWRJePQQtydlBkjxZ6P1O2uY6x6eLhIPScZ8vgklKRhvrx2xNX3QgMl4g==", + "requires": { + "lit-html": "^0.11.2" + } + }, "@polymer/polymer": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/@polymer/polymer/-/polymer-3.0.5.tgz", @@ -2510,6 +2518,12 @@ } } }, + "esm": { + "version": "3.0.82", + "resolved": "https://registry.npmjs.org/esm/-/esm-3.0.82.tgz", + "integrity": "sha512-vakh2il2Q9QdwCUEiFQqtamOANcGATh5OlMRLaXsvOhuuzr/SXdngYw1rwJjesrljbnsq3+UZ5+3Y3uszc/U/w==", + "dev": true + }, "esprima": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", @@ -5338,6 +5352,11 @@ } } }, + "lit-html": { + "version": "0.11.3", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-0.11.3.tgz", + "integrity": "sha512-udv1BARKZDXVyul+MUTfg1U75UdqDgXf4kXQMs0Nz1qrlqKzQT8Ty4mn7+09sFcbInCWi3sLX4KiWyEHjVskZA==" + }, "load-json-file": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", diff --git a/package.json b/package.json index 945dcf5..309c041 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,9 @@ "keywords": [], "author": "Kent C. Dodds (http://kentcdodds.com/)", "license": "MIT", + "esm": "auto", "dependencies": { + "@polymer/lit-element": "^0.6.0", "@polymer/polymer": "^3.0.5", "aurelia-framework": "^1.3.0", "backbone": "^1.3.3",