From 4b9fbcdfa429cd2fc54514bafb7ea53b3f2cc914 Mon Sep 17 00:00:00 2001
From: timdeschryver <28659384+timdeschryver@users.noreply.github.com>
Date: Mon, 23 Sep 2019 18:30:44 +0200
Subject: [PATCH 1/2] docs: add example to inject  a token

---
 .../examples/10-inject-token-dependency.spec.ts  | 16 ++++++++++++++++
 src/app/examples/10-inject-token-dependency.ts   | 11 +++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/app/examples/10-inject-token-dependency.spec.ts
 create mode 100644 src/app/examples/10-inject-token-dependency.ts

diff --git a/src/app/examples/10-inject-token-dependency.spec.ts b/src/app/examples/10-inject-token-dependency.spec.ts
new file mode 100644
index 00000000..77ddda2f
--- /dev/null
+++ b/src/app/examples/10-inject-token-dependency.spec.ts
@@ -0,0 +1,16 @@
+import { render } from '@testing-library/angular';
+
+import { DataInjectedComponent, DATA } from './10-inject-token-dependency';
+
+test('injects data into the component', async () => {
+  const component = await render(DataInjectedComponent, {
+    providers: [
+      {
+        provide: DATA,
+        useValue: { text: 'Hello boys and girls'}
+      }
+    ]
+  });
+
+  expect(component.getByText(/Hello boys and girls/i)).toBeInTheDocument();
+});
diff --git a/src/app/examples/10-inject-token-dependency.ts b/src/app/examples/10-inject-token-dependency.ts
new file mode 100644
index 00000000..a4cd0206
--- /dev/null
+++ b/src/app/examples/10-inject-token-dependency.ts
@@ -0,0 +1,11 @@
+import { Component, InjectionToken, Inject } from '@angular/core';
+
+export const DATA = new InjectionToken<{text: string}>('Components Data');
+
+@Component({
+  selector: 'app-fixture',
+  template: `{{ data.text }}`,
+})
+export class DataInjectedComponent {
+  constructor(@Inject(DATA) public data: {text: string}){}
+}

From d1e4fea4faa269cd3342e3d717b68120a53c9863 Mon Sep 17 00:00:00 2001
From: timdeschryver <28659384+timdeschryver@users.noreply.github.com>
Date: Mon, 23 Sep 2019 18:31:42 +0200
Subject: [PATCH 2/2] docs: add example to inject  a token

---
 src/app/examples/10-inject-token-dependency.spec.ts | 6 +++---
 src/app/examples/10-inject-token-dependency.ts      | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/examples/10-inject-token-dependency.spec.ts b/src/app/examples/10-inject-token-dependency.spec.ts
index 77ddda2f..27d6a2b5 100644
--- a/src/app/examples/10-inject-token-dependency.spec.ts
+++ b/src/app/examples/10-inject-token-dependency.spec.ts
@@ -7,9 +7,9 @@ test('injects data into the component', async () => {
     providers: [
       {
         provide: DATA,
-        useValue: { text: 'Hello boys and girls'}
-      }
-    ]
+        useValue: { text: 'Hello boys and girls' },
+      },
+    ],
   });
 
   expect(component.getByText(/Hello boys and girls/i)).toBeInTheDocument();
diff --git a/src/app/examples/10-inject-token-dependency.ts b/src/app/examples/10-inject-token-dependency.ts
index a4cd0206..9a894873 100644
--- a/src/app/examples/10-inject-token-dependency.ts
+++ b/src/app/examples/10-inject-token-dependency.ts
@@ -1,11 +1,13 @@
 import { Component, InjectionToken, Inject } from '@angular/core';
 
-export const DATA = new InjectionToken<{text: string}>('Components Data');
+export const DATA = new InjectionToken<{ text: string }>('Components Data');
 
 @Component({
   selector: 'app-fixture',
-  template: `{{ data.text }}`,
+  template: `
+    {{ data.text }}
+  `,
 })
 export class DataInjectedComponent {
-  constructor(@Inject(DATA) public data: {text: string}){}
+  constructor(@Inject(DATA) public data: { text: string }) {}
 }