Restore testing.md spacing

Author: Ionaru

docs/guide/testing.md

@@ -11,11 +11,11 @@ import { Component } from '@angular/core';
 import { faUser } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
-    selector: 'app-explicit-reference',
-    template: '<fa-icon [icon]="faUser" />',
+  selector: 'app-explicit-reference',
+  template: '<fa-icon [icon]="faUser" />',
 })
 export class ExplicitReferenceComponent {
-    faUser = faUser;
+  faUser = faUser;
 }
 ```
 
@@ -25,26 +25,27 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { ExplicitReferenceComponent } from './explicit-reference.component';
 
 describe('ExplicitReferenceComponent', () => {
-    let component: ExplicitReferenceComponent;
-    let fixture: ComponentFixture<ExplicitReferenceComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [FontAwesomeModule], // <--
-            declarations: [ExplicitReferenceComponent],
-        });
-    });
+  let component: ExplicitReferenceComponent;
+  let fixture: ComponentFixture<ExplicitReferenceComponent>;
 
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ExplicitReferenceComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [FontAwesomeModule], // <--
+      declarations: [ExplicitReferenceComponent],
     });
+  });
 
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExplicitReferenceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
 });
+
 ```
 
 ## Test components using [icon library](../usage/icon-library.md)
@@ -67,13 +68,13 @@ import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontaweso
 import { faUser } from '@fortawesome/free-solid-svg-icons';
 
 @NgModule({
-    imports: [FontAwesomeModule],
-    exports: [FontAwesomeModule],
+  imports: [FontAwesomeModule],
+  exports: [FontAwesomeModule],
 })
 class FontAwesomeIconsModule {
-    constructor(library: FaIconLibrary) {
-        library.addIcons(faUser);
-    }
+  constructor(library: FaIconLibrary) {
+    library.addIcons(faUser);
+  }
 }
 ```
 
@@ -83,8 +84,8 @@ And here is how it should be used in test code:
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-regular-icon-library',
-    template: '<fa-icon icon="user" />',
+  selector: 'app-regular-icon-library',
+  template: '<fa-icon icon="user" />',
 })
 export class IconLibraryComponent {}
 ```
@@ -94,29 +95,29 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IconLibraryComponent } from './icon-library.component';
 
 describe('IconLibraryComponent', () => {
-    let component: IconLibraryComponent;
-    let fixture: ComponentFixture<IconLibraryComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [FontAwesomeIconsModule], // <--
-            declarations: [IconLibraryComponent],
-        });
-    });
+  let component: IconLibraryComponent;
+  let fixture: ComponentFixture<IconLibraryComponent>;
 
-    beforeEach(() => {
-        fixture = TestBed.createComponent(IconLibraryComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [FontAwesomeIconsModule], // <--
+      declarations: [IconLibraryComponent],
     });
+  });
 
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
+  beforeEach(() => {
+    fixture = TestBed.createComponent(IconLibraryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
 });
 ```
 
-_This approach was [initially suggested by 1FpGLLjZSZMx6k on StackOverflow](https://stackoverflow.com/a/58380192/1377864)._
+*This approach was [initially suggested by 1FpGLLjZSZMx6k on StackOverflow](https://stackoverflow.com/a/58380192/1377864).*
 
 ### Configure regular `FaIconLibrary`
 
@@ -126,8 +127,8 @@ To use this approach you'll need to add `FontAwesomeModule` to the `imports` of
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-regular-icon-library',
-    template: '<fa-icon icon="user" />',
+  selector: 'app-regular-icon-library',
+  template: '<fa-icon icon="user" />',
 })
 export class IconLibraryComponent {}
 ```
@@ -139,29 +140,29 @@ import { faUser } from '@fortawesome/free-solid-svg-icons';
 import { IconLibraryComponent } from './icon-library.component';
 
 describe('IconLibraryComponent', () => {
-    let component: IconLibraryComponent;
-    let fixture: ComponentFixture<IconLibraryComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [FontAwesomeModule], // <--
-            declarations: [IconLibraryComponent],
-        });
+  let component: IconLibraryComponent;
+  let fixture: ComponentFixture<IconLibraryComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [FontAwesomeModule], // <--
+      declarations: [IconLibraryComponent],
     });
+  });
 
-    beforeEach(() => {
-        // Use TestBed.get(FaIconLibrary) if you use Angular < 9.
-        const library = TestBed.inject(FaIconLibrary); // <--
-        library.addIcons(faUser); // <--
+  beforeEach(() => {
+    // Use TestBed.get(FaIconLibrary) if you use Angular < 9.
+    const library = TestBed.inject(FaIconLibrary); // <--
+    library.addIcons(faUser); // <--
 
-        fixture = TestBed.createComponent(IconLibraryComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
+    fixture = TestBed.createComponent(IconLibraryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
 
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
 });
 ```
 
@@ -173,8 +174,8 @@ describe('IconLibraryComponent', () => {
 import { Component } from '@angular/core';
 
 @Component({
-    selector: 'app-regular-icon-library',
-    template: '<fa-icon icon="user" />',
+  selector: 'app-regular-icon-library',
+  template: '<fa-icon icon="user" />',
 })
 export class IconLibraryComponent {}
 ```
@@ -185,24 +186,24 @@ import { FontAwesomeTestingModule } from '@fortawesome/angular-fontawesome/testi
 import { IconLibraryComponent } from './icon-library.component';
 
 describe('IconLibraryComponent', () => {
-    let component: IconLibraryComponent;
-    let fixture: ComponentFixture<IconLibraryComponent>;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [FontAwesomeTestingModule], // <--
-            declarations: [IconLibraryComponent],
-        });
-    });
+  let component: IconLibraryComponent;
+  let fixture: ComponentFixture<IconLibraryComponent>;
 
-    beforeEach(() => {
-        fixture = TestBed.createComponent(IconLibraryComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [FontAwesomeTestingModule], // <--
+      declarations: [IconLibraryComponent],
     });
+  });
 
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
+  beforeEach(() => {
+    fixture = TestBed.createComponent(IconLibraryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
 });
 ```

docs/usage/using-other-styles.md

@@ -132,5 +132,6 @@ export class AppModule {
 ```
 
 ```html
-<fa-icon [icon]="['fas', 'star']" /> <fa-icon [icon]="['far', 'star']" />
+<fa-icon [icon]="['fas', 'star']" />
+<fa-icon [icon]="['far', 'star']" />
 ```