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

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>

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';

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>

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
+    }
+}

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>

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>

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';

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>

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'
+}

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'
+}

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>

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';

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'
+}

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
+    }
+}

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>

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>

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';

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
+    }
+}

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>

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
+    }
+}

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>

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>

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';

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>

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 {
+}

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
+    }
+}

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>

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>

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';

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'
+}

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>

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
+    }
+}

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>

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