From aa12141b149cfd09efb2247419586758d49d56de Mon Sep 17 00:00:00 2001 From: Benny Powers Date: Sun, 16 Sep 2018 07:59:44 +0300 Subject: [PATCH 1/2] add lit-element Note: jest needs some encouragement to import javascript modules from other javascript modules. --- lit-element.test.js | 43 +++++++++++++++++++++++++++++++++++++++++++ package-lock.json | 13 +++++++++++++ package.json | 1 + 3 files changed, 57 insertions(+) create mode 100644 lit-element.test.js diff --git a/lit-element.test.js b/lit-element.test.js new file mode 100644 index 0000000..1708174 --- /dev/null +++ b/lit-element.test.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/package-lock.json b/package-lock.json index 75ebbc8..a058bc8 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", @@ -5338,6 +5346,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..b1f4d34 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "author": "Kent C. Dodds (http://kentcdodds.com/)", "license": "MIT", "dependencies": { + "@polymer/lit-element": "^0.6.0", "@polymer/polymer": "^3.0.5", "aurelia-framework": "^1.3.0", "backbone": "^1.3.3", From f4972262b26ab1d08e0b34b143daf321c6184bf7 Mon Sep 17 00:00:00 2001 From: Benny Powers Date: Sun, 16 Sep 2018 21:10:36 +0300 Subject: [PATCH 2/2] fix workaround for javascript modules --- lit-element.js | 43 ++++++++++++++++++++++++++++++++++++++++++ lit-element.test.js | 46 +++------------------------------------------ package-lock.json | 6 ++++++ package.json | 1 + 4 files changed, 53 insertions(+), 43 deletions(-) create mode 100644 lit-element.js 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 index 1708174..178f27c 100644 --- a/lit-element.test.js +++ b/lit-element.test.js @@ -1,43 +1,3 @@ -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') -}) +// 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 a058bc8..8e27229 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2518,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", diff --git a/package.json b/package.json index b1f4d34..309c041 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "keywords": [], "author": "Kent C. Dodds (http://kentcdodds.com/)", "license": "MIT", + "esm": "auto", "dependencies": { "@polymer/lit-element": "^0.6.0", "@polymer/polymer": "^3.0.5",