From e6af1902de066740082bc15df687d4aced211f26 Mon Sep 17 00:00:00 2001
From: "William M. Riley" <will@splitinfinities.com>
Date: Mon, 13 Jan 2020 08:23:02 -0600
Subject: [PATCH] feat(cli): update tests in task generator (#2128)

---
 src/cli_next/tasks/task-generate.ts | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/cli_next/tasks/task-generate.ts b/src/cli_next/tasks/task-generate.ts
index 34fba4d80d9..2bbcacdc6ac 100644
--- a/src/cli_next/tasks/task-generate.ts
+++ b/src/cli_next/tasks/task-generate.ts
@@ -146,11 +146,22 @@ const getStyleUrlBoilerplate = () =>
  * Get the boilerplate for a spec test.
  */
 const getSpecTestBoilerplate = (tagName: string) =>
-`import { ${toPascalCase(tagName)} } from './${tagName}';
+`import { newSpecPage } from '@stencil/core/testing';
+import { ${toPascalCase(tagName)} } from './${tagName}';
 
 describe('${tagName}', () => {
-  it('builds', () => {
-    expect(new ${toPascalCase(tagName)}()).toBeTruthy();
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [${toPascalCase(tagName)}],
+      html: \`<${tagName}></${tagName}>\`,
+    });
+    expect(page.root).toEqualHtml(\`
+      <${tagName}>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </${tagName}>
+    \`);
   });
 });
 `;