From 77beab072f6c9f86ea74f2a16f8250da3a06eacc Mon Sep 17 00:00:00 2001 From: matthewp Date: Mon, 16 May 2022 16:17:25 +0000 Subject: [PATCH] [ci] format --- packages/integrations/lit/test/server.test.js | 116 +++++++++--------- 1 file changed, 61 insertions(+), 55 deletions(-) diff --git a/packages/integrations/lit/test/server.test.js b/packages/integrations/lit/test/server.test.js index a4b691209..0769e59d4 100644 --- a/packages/integrations/lit/test/server.test.js +++ b/packages/integrations/lit/test/server.test.js @@ -1,80 +1,86 @@ import { expect } from 'chai'; -import server from '../server.js' -import { LitElement, html } from 'lit' -import * as cheerio from 'cheerio' +import server from '../server.js'; +import { LitElement, html } from 'lit'; +import * as cheerio from 'cheerio'; -const { check, renderToStaticMarkup } = server +const { check, renderToStaticMarkup } = server; describe('check', () => { it('should be false with no component', async () => { - expect(await check()).to.equal(false) - }) + expect(await check()).to.equal(false); + }); it('should be false with a registered non-lit component', async () => { - const tagName = 'non-lit-component' - customElements.define(tagName, class TestComponent extends HTMLElement {}) - expect(await check(tagName)).to.equal(false) - }) + const tagName = 'non-lit-component'; + customElements.define(tagName, class TestComponent extends HTMLElement {}); + expect(await check(tagName)).to.equal(false); + }); it('should be true with a registered lit component', async () => { - const tagName = 'lit-component' - customElements.define(tagName, class extends LitElement {}) - expect(await check(tagName)).to.equal(true) - }) -}) + const tagName = 'lit-component'; + customElements.define(tagName, class extends LitElement {}); + expect(await check(tagName)).to.equal(true); + }); +}); describe('renderToStaticMarkup', () => { it('should throw error if trying to render an unregistered component', async () => { - const tagName = 'non-registrered-component' + const tagName = 'non-registrered-component'; try { - await renderToStaticMarkup(tagName) + await renderToStaticMarkup(tagName); } catch (e) { - expect(e).to.be.an.instanceOf(TypeError) + expect(e).to.be.an.instanceOf(TypeError); } - }) + }); it('should render emtpy component with default markup', async () => { - const tagName = 'nothing-component' - customElements.define(tagName, class extends LitElement {}) - const render = await renderToStaticMarkup(tagName) + const tagName = 'nothing-component'; + customElements.define(tagName, class extends LitElement {}); + const render = await renderToStaticMarkup(tagName); expect(render).to.deep.equal({ - html: `<${tagName}>` - }) - }) + html: `<${tagName}>`, + }); + }); it('should render component with default markup', async () => { - const tagName = 'simple-component' - customElements.define(tagName, class extends LitElement { - render() { - return html`

hola

` + const tagName = 'simple-component'; + customElements.define( + tagName, + class extends LitElement { + render() { + return html`

hola

`; + } } - }) - const render = await renderToStaticMarkup(tagName) - const $ = cheerio.load(render.html) - expect($(`${tagName} template`).html()).to.contain('

hola

') - }) + ); + const render = await renderToStaticMarkup(tagName); + const $ = cheerio.load(render.html); + expect($(`${tagName} template`).html()).to.contain('

hola

'); + }); it('should render component with properties and attributes', async () => { - const tagName = 'props-and-attrs-component' - const attr1 = 'test' - const prop1 = 'Daniel' - customElements.define(tagName, class extends LitElement { - static properties = { - prop1: { type: String }, - } + const tagName = 'props-and-attrs-component'; + const attr1 = 'test'; + const prop1 = 'Daniel'; + customElements.define( + tagName, + class extends LitElement { + static properties = { + prop1: { type: String }, + }; - constructor() { - super(); - this.prop1 = 'someone'; + constructor() { + super(); + this.prop1 = 'someone'; + } + + render() { + return html`

Hello ${this.prop1}

`; + } } - - render() { - return html`

Hello ${this.prop1}

` - } - }) - const render = await renderToStaticMarkup(tagName, { prop1, attr1 }) - const $ = cheerio.load(render.html) - expect($(tagName).attr('attr1')).to.equal(attr1) - expect($(`${tagName} template`).text()).to.contain(`Hello ${prop1}`) - }) -}) + ); + const render = await renderToStaticMarkup(tagName, { prop1, attr1 }); + const $ = cheerio.load(render.html); + expect($(tagName).attr('attr1')).to.equal(attr1); + expect($(`${tagName} template`).text()).to.contain(`Hello ${prop1}`); + }); +});