@fortawesome/angular-fontawesome#FontAwesomeModule TypeScript Examples

@NgModule({
  declarations: [
    MemberDetailsComponent,
    MemberDetailsCardComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    MembersModule,
    FontAwesomeModule,
    GoBackModule,
    TimeAgoModule,
    TabsModule.forRoot(),
    CarouselModule.forRoot(),
  ],

})
export class SettingsModule { }

@NgModule({
  declarations: [
    AppComponent,
    DashboardComponent,
    PageNotfoundComponent,
    TopNavbarComponent,
    SideNavbarComponent,
    FooterComponent,
    AboutUsComponent,
    ContactUsComponent,
    DashboardCardsComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    CommonModule,
    FontAwesomeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {

  constructor(library: FaIconLibrary) {

    // Add multiple icons to the library
    library.addIcons(fasStar, farStar, farAddressCard, farCalendarAlt);
  }

}

@NgModule({
    exports: [FontAwesomeModule],
})
export class IconsModule {

    public constructor(library: FaIconLibrary) {
        library.addIconPacks(
            fontAwesomeSolidIcons,
            fontAwesomeRegularIcons,
            fontAwesomeBrandsIcons,
        );
    }

}

@NgModule({
  declarations: [
    AppComponent,
    TroubleShootingComponent,
    NavbarComponent,
    GeneratorComponent,
    HelpfulResourcesComponent,
    PreviewTerminalComponent,
    QuestionFormComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    TranslocoRootModule,
    FontAwesomeModule,
    BrowserAnimationsModule,
    CollapseModule.forRoot(),
    NgToggleModule,
    FormsModule,
    BsDropdownModule.forRoot(),
    NtkmeButtonModule,
    TooltipModule.forRoot(),
    NgxCodejarModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(private library: FaIconLibrary) {
    library.addIconPacks(fas, far);
  }
}

@NgModule({
  imports: [
    CommonModule,
    ReactiveFormsModule,
    RouterModule.forChild(routes),
    FontAwesomeModule
  ],
  exports: [RouterModule],
  declarations: [EmployeeListComponent],
  providers: [],
})
export class EmployeeListModule { }

@NgModule({
  imports: [
    CommonModule,
    ReactiveFormsModule,
    RouterModule.forChild(routes),
    FontAwesomeModule
  ],
  exports: [RouterModule],
  declarations: [EmployeeFormComponent],
  providers: [],
})
export class EmployeeFormModule { }

@NgModule({
    imports: [
        IonicModule,
        CommonModule,
        FormsModule,
        TabsPageRoutingModule,
        FontAwesomeModule
    ],
  declarations: [TabsPage]
})
export class TabsPageModule {}

@NgModule({
    declarations: [AppComponent],
    entryComponents: [],
    imports: [
        BrowserModule,
        IonicModule.forRoot(),
        AppRoutingModule,
        SharedModule,
        FontAwesomeModule,
        HttpClientModule,
        IonicStorageModule.forRoot({
            name: '_coradar',
            driverOrder: ['indexeddb', 'sqlite', 'websql']
        }),
    ],
    providers: [
        StatusBar,
        SplashScreen,
        BluetoothLE,
        BLE,
        File,
        BackgroundMode,
        BluetoothSerial,
        {provide: RouteReuseStrategy, useClass: IonicRouteStrategy},
        PushService,
        DatabaseService,
        Device,
        UniqueDeviceID
    ],
    bootstrap: [AppComponent]
})

export class AppModule {
}

@NgModule({
  declarations: [
    SettingsLayoutComponent,
    SettingsHeaderComponent,
    MemberEditNavigationComponent,
    MemberEditAccountComponent,
    MemberEditProfileComponent,
    MemberEditPhotosComponent,
  ],
  imports: [
    CommonModule,
    ReactiveFormsModule,
    RouterModule.forChild(routes),

    SettingsStoreModule,

    FileUploaderModule,
    FontAwesomeModule,
    ErrorAlertModule,
    TagInputModule,
    SpinnerModule,
  ],
  providers: [
    SettingsGuard,
    PhotosGuard
  ]
})
export class SettingsModule { }

@NgModule({
  declarations: [
    MembersSearchComponent,
    MembersSearchFormComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    ReactiveFormsModule,
    FontAwesomeModule
  ],
  exports: [
    RouterModule
  ]
})
export class MembersSearchModule {
}

@NgModule({
  declarations: [
    MembersComponent,
    MemberCardComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    MembersModule,
    SpinnerModule,
    ErrorAlertModule,
    FontAwesomeModule,
  ],

})
export class AllMembersModule { }

@NgModule({
    declarations: [
        AppComponent,
        MigrationComponent,
        BaseComponent,
        NoContentComponent,
        ImportComponent,
        ManageComponent,
        MigrateComponent
    ],
    imports: [
        BrowserAnimationsModule,
        AppRoutingModule,
        NgbAlertModule,
        NgbDropdownModule,
        FontAwesomeModule,
        NgbDropdownModule,
        FormsModule,
        NgbModule,
        HttpClientModule,
        LoadingSpinnerModule,
        ModalModule.forRoot(),
        NgbToastModule,
        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: navigator.userAgent.toLowerCase().indexOf('android') === -1 &&
                'serviceWorker' in navigator && environment.production
        }),
        FontAwesomeModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

@NgModule({
  declarations: [
    NavigationComponent,
    MainLayoutComponent,
    EmptyLayoutComponent,
    ThemeToggleComponent,
    NotFoundComponent
  ],
  imports: [
    CommonModule,
    RouterModule,
    FontAwesomeModule,
    BsDropdownModule.forRoot({
      isAnimated: true,
      autoClose: true
    }),
  ]
})
export class LayoutModule {
}

@NgModule({
  declarations: [TransactionsTableComponent],
  imports: [
    CommonModule,
    PipesModule,
    FontAwesomeModule,
    TxDetailTableDataModule,
    RouterModule
  ],
  exports: [TransactionsTableComponent]
})
export class TransactionsTableModule { }

@NgModule({
  declarations: [NodesTableComponent],
  imports: [
    CommonModule,
    PipesModule,
    RouterModule,
    FontAwesomeModule,
  ],
  exports: [NodesTableComponent]
})
export class NodesTableModule { }

@NgModule({
    declarations: [
        AppComponent,
        BaseComponent,
        NoContentComponent,
        HowItWorksComponent
    ],
    imports: [
        BrowserAnimationsModule,
        AppRoutingModule,
        FormsModule,
        NgbModule,
        HttpClientModule,
        LoadingSpinnerModule,
        ModalModule.forRoot(),
        DeviceDetectorModule.forRoot(),
        NgbToastModule,
        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: navigator.userAgent.toLowerCase().indexOf('android') === -1 &&
                'serviceWorker' in navigator && environment.production
        }),
        FontAwesomeModule,
        AngularPageVisibilityModule
    ],
    providers: [
        {provide: LocationStrategy, useClass: HashLocationStrategy}
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

@NgModule({
    declarations: [LeverageComponent, CreatePositionComponent, MyPositionsComponent, LeverageChartDialogComponent],
    imports: [
        CommonModule,
        LeverageRoutingModule,
        FormsModule,
        ButtonsModule,
        FontAwesomeModule,
        TooltipModule.forRoot(),
        OiUiModule,
        ReactiveFormsModule,
        LoadingSpinnerModule,
        NgbAlertModule,
        ChartsModule
    ],
    entryComponents: [
        LeverageChartDialogComponent
    ]
})
export class LeverageModule {
}

@NgModule({
    declarations: [
        AppComponent,
        SlippageSettingsComponent,
        GasSettingsComponent
    ],
    imports: [
        BrowserModule,
        AppRoutingModule,
        HttpClientModule,
        BrowserAnimationsModule,
        MatButtonModule,
        MatSelectModule,
        FormsModule,
        ReactiveFormsModule,
        MatInputModule,
        MatFormFieldModule,
        MatTooltipModule,
        MatIconModule,
        MatRadioModule,
        NgxWebstorageModule.forRoot(),
        MatAutocompleteModule,
        NgxMatSelectSearchModule,
        MatExpansionModule,
        FontAwesomeModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

@NgModule({
  declarations: [
    AppComponent,
    ...components,
    ...directives,
    ...pipes
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    FontAwesomeModule,
    CommonsModule,
    StoreModule.forRoot({app: appReducer, fs: fileExplorerReducer}),
    EffectsModule.forRoot([AppEffects]),
    StoreDevtoolsModule.instrument({maxAge: 25, logOnly: environment.production})
  ],
  providers: [...services],
  bootstrap: [AppComponent]
})
export class AppModule {}

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule,
        CoreModule,
        SharedModule,
        HomeModule,
        ListEditorModule,
        ImportModule,
        SettingsModule,
        AppRoutingModule,
        FontAwesomeModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps: [HttpClient]
            }
        })
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

@NgModule({
  declarations: [PoolMembersTableComponent],
  imports: [
    CommonModule,
    PipesModule,
    FontAwesomeModule,
    RouterModule,
    FormsModule,
    ChartsModule,
    ContentItemModule
  ],
  exports: [PoolMembersTableComponent]
})
export class PoolMembersTableModule { }

@NgModule({
  declarations: [ErrorComponent],
  imports: [
    CommonModule,
    FontAwesomeModule
  ],
  exports: [ErrorComponent]
})
export class ErrorModule { }

@NgModule({
  declarations: [
    AppComponent,
    FolderComponent,
    FoldersListComponent,
    FileComponent,
  ],
  imports: [BrowserModule, AppRoutingModule, FontAwesomeModule, DragDropModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

@NgModule({
  declarations: [
    AppComponent,
    FolderComponent,
    FoldersListComponent,
    FileComponent,
  ],
  imports: [BrowserModule, AppRoutingModule, FontAwesomeModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

describe('EmployeeListComponent', () => {
  let employeeListComponent: EmployeeListComponent;

  let fixture: ComponentFixture<EmployeeListComponent>;
  let employeeServiceSpy: jasmine.SpyObj<EmployeeService>;

  beforeEach(() => {
    const mockEmployeeService = {
      createNewEmployee: (employee: Employee) => of({}),
      updateEmployee: (employee: Employee) => of({}),
      deleteEmployee: (id: number) => of({}),
      getEmployee: (id: number) => of({
        name: '',
        job_role: '',
        salary: '',
        birth: '',
        employee_registration: '',
      }),
      getEmployees: () => of([])
    };

    TestBed.configureTestingModule({
      imports: [CommonModule, ReactiveFormsModule, FontAwesomeModule],
      providers: [
        EmployeeListComponent,
        { provide: EmployeeService, useValue: mockEmployeeService },
      ],
    });

    fixture = TestBed.createComponent(EmployeeListComponent);
    employeeListComponent = fixture.componentInstance;

    employeeServiceSpy = TestBed.inject(EmployeeService) as jasmine.SpyObj<EmployeeService>;
  });

  describe('Initialization', () => {
    it('should be created', () => {
      expect(employeeListComponent).toBeTruthy();
    });
    it('should init', () => {
      const spy_ngOnInit = spyOn(employeeListComponent, 'ngOnInit').and.callThrough();
      employeeListComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
  });

  describe('identify', () => {
    it('should makes expected calls without item', () => {
      const spy_identify = spyOn(employeeListComponent, 'identify').and.callThrough();
      employeeListComponent.identify(0, null);
      expect(spy_identify).toHaveBeenCalled();
    });
    it('should makes expected calls with item', () => {
      const spy_identify = spyOn(employeeListComponent, 'identify').and.callThrough();
      const employee = { employee_id: 1 } as Employee;
      employeeListComponent.identify(0, employee);
      expect(spy_identify).toHaveBeenCalled();
    });
  });

  describe('deleteEmployee', () => {
    it('should makes expected calls with dismiss', () => {
      spyOn(Swal,"fire").and.returnValue(Promise.resolve({ isConfirmed: false, isDismissed: true, dismiss: Swal.DismissReason.cancel }));
      const spy_deleteEmployee = spyOn(employeeListComponent, 'deleteEmployee').and.callThrough();
      employeeListComponent.deleteEmployee(1);
      expect(spy_deleteEmployee).toHaveBeenCalled();
    });
    it('should makes expected calls with confirm', () => {
      spyOn(Swal,"fire").and.returnValue(Promise.resolve({ isConfirmed: true, isDismissed: false }));
      const spy_deleteEmployee = spyOn(employeeListComponent, 'deleteEmployee').and.callThrough();
      employeeListComponent.deleteEmployee(1);
      expect(spy_deleteEmployee).toHaveBeenCalled();
    });
  });

});

@NgModule({
  declarations: [
    AppComponent,
    HeaderItemComponent,
    LandingComponent,
    FooterItemComponent,
    ColorCardItemComponent,
    ExploreComponent,
    AuctionsComponent,
    MyColorsComponent,
    AuctionModalComponent,
    ColorHistoryModalComponent,
    ShortenPipe,
    AmountConverterPipe,
    CountdownComponent,
    ColorCardListComponent,
    WatchlistComponent,
    ActivityComponent,
    StatsComponent,
    AddressDetailComponent,
    TokenDetailComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    HttpClientModule,
    BsDropdownModule.forRoot(),
    FontAwesomeModule,
    AlertModule.forRoot(),
    ModalModule.forRoot(),
    NgxChartsModule,
    AccordionModule.forRoot(),
    CollapseModule.forRoot(),
    MomentModule,
    StoreModule.forRoot(reducers, {
      metaReducers,
    }),
    EffectsModule.forRoot([AppEffects, ConnectWalletEffects]),
    !environment.production ? StoreDevtoolsModule.instrument() : [],
    FormsModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {
  constructor(library: FaIconLibrary) {
    library.addIcons(fasStar, faCog, faDog, faWindowRestore)
    library.addIcons(
      farStar,
      farMoon,
      farSun,
      faSortAmountUp,
      faSortAmountDown,
      faSortAlphaUp,
      faSortAlphaDown
    )
  }
}

@NgModule({
  declarations: [
    AppComponent,
    SearchComponent,
    HeaderComponent,
    BreadcrumbComponent,
    NetworkToggleComponent,
    ExplorerComponent,
    ExplorerUiComponent,
    QueryInputComponent,
    ResponseLinksComponent,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    AppRoutingModule,
    FormsModule,
    FontAwesomeModule,
    ChartsModule,
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
  ],
  providers: [
    ThorchainNetworkService,
    AssetService,
    ConstantsService,
    NetworkService,
    NodeService,
    LastBlockService,
    PoolService,
    MemberService,
    StatsService,
    TransactionService,
    VersionService,
    VolumeService,
    UiStyleToggleService,
    LocalStorageService,
    CoinGeckoService,
    {provide: APP_INITIALIZER, useFactory: themeFactory, deps: [UiStyleToggleService], multi: true},
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

@NgModule({
  declarations: [

    QDMessagesComponent,
    ChannelComponent,
    MatMenuComponent,

    FsIconComponent,
    ChannelListComponent,
    ChannelSidebarRightComponent,
    ChannelSidebarLeftComponent,
    ChannelParticipantListComponent,
    ChannelSettingsComponent,
    ChannelTabComponent,
    ChannelFavoritesComponent
  ],
  imports: [
  NbSidebarModule,
    CdkTableModule,
    CdkTreeModule,
    NbMenuModule,
    ClipboardModule,
    HttpClientModule,
    MatCardModule,
    MatSelectModule,
    MatButtonModule,
    MatCheckboxModule,
    MatMenuModule,
    CommonModule,
    QuestMessengerJSRoutingModule,
    FontAwesomeModule,
    NbThemeModule,
    NbLayoutModule,
    NbChatModule,
    NbTabsetModule,
    NbEvaIconsModule,
    NbIconModule,
    FormsModule,
    NbContextMenuModule,
    NbDialogModule.forRoot(),
    NbCardModule,
    MatTreeModule,
    DragDropModule,
    MatButtonModule,
   MatCheckboxModule,
   MatInputModule,
   MatFormFieldModule,
   ZXingScannerModule,
   MatSliderModule,
   FlexLayoutModule,
   MatIconModule,
   LinkyModule


  ],
  exports: [
    QDMessagesComponent,
    CdkTableModule,
    MatFormFieldModule,
    MatSelectModule,
    MatTreeModule,
    MatMenuModule,
    ],
  providers: [
  NbDialogService
  ],
  bootstrap: [QDMessagesComponent]
})
export class QDMessagesModule { }

describe('AppComponent', () => {
  let appComponent: AppComponent;

  let fixture: ComponentFixture<AppComponent>;
  let routerSpy: jasmine.SpyObj<Router>;

  beforeEach(() => {
    const mockRouter = {
      events: of({}),
    };

    TestBed.configureTestingModule({
      imports: [CommonModule, ReactiveFormsModule, FontAwesomeModule],
      providers: [
        AppComponent,
        SlimLoadingBarService,
        { provide: Router, useValue: mockRouter },
      ],
    });

    fixture = TestBed.createComponent(AppComponent);
    appComponent = fixture.componentInstance;

    routerSpy = TestBed.inject(Router) as jasmine.SpyObj<Router>;
  });

  describe('Initialization', () => {
    it('should be created', () => {
      expect(appComponent).toBeTruthy();
    });
    it('should init not EventNavigation', () => {
      const spy_ngOnInit = spyOn(appComponent, 'ngOnInit').and.callThrough();
      appComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
    it('should init with NavigationStart', () => {
      const event = new NavigationStart(0, 'URI');
      (<any>routerSpy.events) = of(event);
      const spy_ngOnInit = spyOn(appComponent, 'ngOnInit').and.callThrough();
      appComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
    it('should init with NavigationEnd', () => {
      const event = new NavigationEnd(0, 'URI', 'URL');
      (<any>routerSpy.events) = of(event);
      const spy_ngOnInit = spyOn(appComponent, 'ngOnInit').and.callThrough();
      appComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
    it('should init with NavigationCancel', () => {
      const event = new NavigationCancel(0, 'URI', 'FAIL');
      (<any>routerSpy.events) = of(event);
      const spy_ngOnInit = spyOn(appComponent, 'ngOnInit').and.callThrough();
      appComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
    it('should init with NavigationError', () => {
      const event = new NavigationError(0, 'URI', {});
      (<any>routerSpy.events) = of(event);
      const spy_ngOnInit = spyOn(appComponent, 'ngOnInit').and.callThrough();
      appComponent.ngOnInit();
      expect(spy_ngOnInit).toHaveBeenCalled();
    });
  });

});