summaryrefslogtreecommitdiff
path: root/packages/integrations/lit/test/server.test.js
diff options
context:
space:
mode:
authorGravatar Augustine Kim <augustinekim@google.com> 2023-04-05 06:05:45 -0700
committerGravatar GitHub <noreply@github.com> 2023-04-05 09:05:45 -0400
commitc7eb0d431032edc5d4af72726d84e1c52ef36575 (patch)
treec7aa1a9b274a4f5aaca7e879e479f655a814de1e /packages/integrations/lit/test/server.test.js
parent4cc1bf61b832dba9aab1916b56f5260ceac2d97d (diff)
downloadastro-c7eb0d431032edc5d4af72726d84e1c52ef36575.tar.gz
astro-c7eb0d431032edc5d4af72726d84e1c52ef36575.tar.zst
astro-c7eb0d431032edc5d4af72726d84e1c52ef36575.zip
Fix lit integration nested component rendering (#6752)
* Provide renderInfo to renderShadow * Add test for rendering nested components * Add changeset
Diffstat (limited to 'packages/integrations/lit/test/server.test.js')
-rw-r--r--packages/integrations/lit/test/server.test.js24
1 files changed, 24 insertions, 0 deletions
diff --git a/packages/integrations/lit/test/server.test.js b/packages/integrations/lit/test/server.test.js
index 51e083241..557832db5 100644
--- a/packages/integrations/lit/test/server.test.js
+++ b/packages/integrations/lit/test/server.test.js
@@ -90,6 +90,30 @@ describe('renderToStaticMarkup', () => {
expect($(`${tagName} template`).text()).to.contain(`Hello ${prop1}`);
});
+ it('should render nested components', async () => {
+ const tagName = 'parent-component';
+ const childTagName = 'child-component';
+ customElements.define(
+ childTagName,
+ class extends LitElement {
+ render() {
+ return html`<p>child</p>`;
+ }
+ }
+ );
+ customElements.define(
+ tagName,
+ class extends LitElement {
+ render() {
+ return html`<child-component></child-component>`;
+ }
+ }
+ );
+ const render = await renderToStaticMarkup(tagName);
+ const $ = cheerio.load(render.html);
+ expect($(`${tagName} template`).text()).to.contain('child');
+ });
+
it('should render DSD attributes based on shadowRootOptions', async () => {
const tagName = 'shadow-root-options-component';
customElements.define(