test(ssr): add more tests for superclasses (#4912)

nolanlawson · web-flow · commit c95f6aebad9a · 2024-11-21T12:03:06.000-08:00
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/expected.html
@@ -0,0 +1,5 @@
+<x-component>
+  <template shadowrootmode="open">
+    Use me!!!
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/component.html b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/component.html
@@ -0,0 +1,3 @@
+<template>
+    Don't use me!!!
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/component.js
@@ -0,0 +1,10 @@
+import { LightningElement } from 'lwc'
+import tmpl from './tmpl.html'
+
+export default class extends LightningElement {
+    hello = 'foobar'
+
+    render () {
+        return tmpl
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/tmpl.html b/packages/@lwc/engine-server/src/__tests__/fixtures/render-with-unused-default-template/modules/x/component/tmpl.html
@@ -0,0 +1,3 @@
+<template>
+    Use me!!!
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/expected.html
@@ -0,0 +1,7 @@
+<x-component>
+  <template shadowrootmode="open">
+    <div>
+      hello world
+    </div>
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/component/component.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/component/component.html
@@ -0,0 +1,3 @@
+<template>
+    <div>{hello} {world}</div>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/component/component.js
@@ -0,0 +1,5 @@
+import FancyElement from 'x/fancyElement'
+
+export default class extends FancyElement {
+    world = 'world'
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/fancyElement/fancyElement.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/no-template-in-superclass/modules/x/fancyElement/fancyElement.js
@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    hello = 'hello'
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/expected.html
@@ -0,0 +1,7 @@
+<x-component>
+  <template shadowrootmode="open">
+    <div>
+      foobar
+    </div>
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/component/component.js
@@ -0,0 +1,5 @@
+import FancyElement from 'x/fancyElement'
+
+export default class extends FancyElement {
+    hello = 'foobar'
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/fancyElement/fancyElement.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/fancyElement/fancyElement.js
@@ -0,0 +1,8 @@
+import { LightningElement } from 'lwc';
+import tmpl from './tmpl.html'
+
+export default class extends LightningElement {
+    render() {
+        return tmpl
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/fancyElement/tmpl.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/no-template-in-subclass/modules/x/fancyElement/tmpl.html
@@ -0,0 +1,3 @@
+<template>
+    <div>{hello}</div>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/expected.html
@@ -0,0 +1,5 @@
+<x-component>
+  <template shadowrootmode="open">
+    From subclass! foobar
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/component/component.js
@@ -0,0 +1,10 @@
+import FancyElement from 'x/fancyElement'
+import sub from './sub.html'
+
+export default class extends FancyElement {
+    hello = 'foobar'
+
+    render() {
+        return sub
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/component/sub.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/component/sub.html
@@ -0,0 +1,3 @@
+<template>
+    From subclass! {hello}
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/fancyElement/fancyElement.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/fancyElement/fancyElement.js
@@ -0,0 +1,8 @@
+import { LightningElement } from 'lwc';
+import tmpl from './tmpl.html'
+
+export default class extends LightningElement {
+    render() {
+        return tmpl
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/fancyElement/tmpl.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/render-in-subclass/modules/x/fancyElement/tmpl.html
@@ -0,0 +1,3 @@
+<template>
+    <div>{hello}</div>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/expected.html
@@ -0,0 +1,7 @@
+<x-component>
+  <template shadowrootmode="open">
+    <div>
+      yolo
+    </div>
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/component/component.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/component/component.html
@@ -0,0 +1,3 @@
+<template>
+    From subclass! {hello}
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/component/component.js
@@ -0,0 +1,4 @@
+import FancyElement from 'x/fancyElement'
+
+export default class extends FancyElement {
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/fancyElement/fancyElement.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/fancyElement/fancyElement.js
@@ -0,0 +1,9 @@
+import { LightningElement } from 'lwc';
+import tmpl from './tmpl.html'
+
+export default class extends LightningElement {
+    hello = 'yolo'
+    render() {
+        return tmpl
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/fancyElement/tmpl.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-subclass/modules/x/fancyElement/tmpl.html
@@ -0,0 +1,3 @@
+<template>
+    <div>{hello}</div>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/expected.html
@@ -0,0 +1,7 @@
+<x-component>
+  <template shadowrootmode="open">
+    <div>
+      foobar
+    </div>
+  </template>
+</x-component>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-component';
+export { default } from 'x/component';
+export * from 'x/component';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/component/component.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/component/component.js
@@ -0,0 +1,5 @@
+import FancyElement from 'x/fancyElement'
+
+export default class extends FancyElement {
+    hello = 'foobar'
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/fancyElement.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/fancyElement.html
@@ -0,0 +1,3 @@
+<template>
+    Don't use me!!!
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/fancyElement.js b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/fancyElement.js
@@ -0,0 +1,8 @@
+import { LightningElement } from 'lwc';
+import tmpl from './tmpl.html'
+
+export default class extends LightningElement {
+    render() {
+        return tmpl
+    }
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/tmpl.html b/packages/@lwc/engine-server/src/__tests__/fixtures/superclass/render-in-superclass/unused-default-in-superclass/modules/x/fancyElement/tmpl.html
@@ -0,0 +1,3 @@
+<template>
+    <div>{hello}</div>
+</template>
diff --git a/packages/@lwc/ssr-compiler/src/__tests__/utils/expected-failures.ts b/packages/@lwc/ssr-compiler/src/__tests__/utils/expected-failures.ts
@@ -47,6 +47,9 @@ export const expectedFailures = new Set([
     'slot-not-at-top-level/ifTrue/shadow/index.js',
     'slot-not-at-top-level/lwcIf/light/index.js',
     'slot-not-at-top-level/lwcIf/shadow/index.js',
+    'superclass/render-in-superclass/no-template-in-subclass/index.js',
+    'superclass/render-in-superclass/unused-default-in-subclass/index.js',
+    'superclass/render-in-superclass/unused-default-in-superclass/index.js',
     'svgs/index.js',
     'wire/config/index.js',
     'wire/deep-reference/index.js',

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export const tagName = 'x-component';`
	`2`	`+export { default } from 'x/component';`
	`3`	`+export * from 'x/component';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<template>`
	`2`	`+ Don't use me!!!`
	`3`	`+</template>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<template>`
	`2`	`+ Use me!!!`
	`3`	`+</template>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<template>`
	`2`	`+ <div>{hello} {world}</div>`
	`3`	`+</template>`