[enhancement: #14] Update example tests

Author: rossyman

templates/index-dom.spec.js

@@ -24,7 +24,7 @@ describe('Index', () => {
   describe('once the component has been rendered', () => {
 
     test('should show the proper heading', () => {
-      expect(renderedComponent.getByText('Welcome to SvelteKit')).toBeInTheDocument();
+      expect(renderedComponent.getByText('SvelteKit', {exact: false})).toBeInTheDocument();
     });
 
   });

templates/index-dom.spec.ts

@@ -24,7 +24,7 @@ describe('Index', () => {
   describe('once the component has been rendered', () => {
 
     test('should show the proper heading', () => {
-      expect(renderedComponent.getByText('Welcome to SvelteKit')).toBeInTheDocument();
+      expect(renderedComponent.getByText('SvelteKit', {exact: false})).toBeInTheDocument();
     });
 
   });

templates/index.spec.js

@@ -1,3 +1,10 @@
+import { render } from '@testing-library/svelte';
+import Index from './index.svelte';
+
+/**
+ * @jest-environment jsdom
+ */
+
 /**
  * An example test suite outlining the usage of
  * `describe()`, `beforeEach()`, `test()` and `expect()`
@@ -7,16 +14,16 @@
 
 describe('Index', () => {
 
-  let isTestSuitePassing = false;
+  let renderedComponent;
 
   beforeEach(() => {
-    isTestSuitePassing = true;
+    renderedComponent = render(Index);
   });
 
-  describe('isTestSuitePassing', () => {
+  describe('once the component has been rendered', () => {
 
-    test('should be true', () => {
-      expect(isTestSuitePassing).toBe(true);
+    test('should show the proper heading', () => {
+      expect(renderedComponent.getByText('SvelteKit', {exact: false})).toBeDefined();
     });
 
   });

templates/index.spec.ts

@@ -1,3 +1,10 @@
+import { render, RenderResult } from '@testing-library/svelte';
+import Index from './index.svelte';
+
+/**
+ * @jest-environment jsdom
+ */
+
 /**
  * An example test suite outlining the usage of
  * `describe()`, `beforeEach()`, `test()` and `expect()`
@@ -7,16 +14,16 @@
 
 describe('Index', () => {
 
-  let isTestSuitePassing = false;
+  let renderedComponent: RenderResult;
 
   beforeEach(() => {
-    isTestSuitePassing = true;
+    renderedComponent = render(Index);
   });
 
-  describe('isTestSuitePassing', () => {
+  describe('once the component has been rendered', () => {
 
-    test('should be true', () => {
-      expect(isTestSuitePassing).toBe(true);
+    test('should show the proper heading', () => {
+      expect(renderedComponent.getByText('SvelteKit', {exact: false})).toBeDefined();
     });
 
   });