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",