feat(APP): refactor utils helper service and some imports

Author: ismaelramosmeta

angular.json

@@ -52,7 +52,7 @@
               "includePaths": ["src/app/shared/styles"]
             },
             "allowedCommonJsDependencies": [
-              "~app/modules/core/services/utils-helper.service"
+              "~modules/core/services/utils.service"
             ],
             "scripts": [
               "src/assets/js/gtm.js",

src/app/app.component.ts

@@ -4,7 +4,7 @@ import { NavigationEnd, Router } from '@angular/router';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { DOCUMENT } from '@angular/common';
 import { RoutesConfig } from './configs/routes.config';
-import { UtilsHelperService } from '~app/modules/core/services/utils-helper.service';
+import { UtilsService } from '~modules/core/services/utils.service';
 
 declare const Modernizr: any;
 
@@ -58,7 +58,7 @@ export class AppComponent implements OnInit {
   }
 
   checkBrowser() {
-    if (UtilsHelperService.isBrowserValid()) {
+    if (UtilsService.isBrowserValid()) {
       this.checkBrowserFeatures();
     } else {
       this.snackBar.open('Change your browser', 'OK');

src/app/modules/auth/auth.service.ts

@@ -3,9 +3,9 @@ import { Injectable } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { Apollo, gql } from 'apollo-angular';
 import { map } from 'rxjs/operators';
-import { UtilsService } from '~shared/services/utils.service';
 import jwt_decode from 'jwt-decode';
 import { StorageKey, StorageService } from '~shared/services/storage.service';
+import { UtilsService } from '~modules/core/services/utils.service';
 
 @Injectable({
   providedIn: 'root',

src/app/modules/auth/pages/log-in-page/log-in-page.component.ts

@@ -5,7 +5,7 @@ import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'
 import { AuthService } from '../../auth.service';
 import { RoutesConfig } from '~app/configs/routes.config';
 import { Router } from '@angular/router';
-import { UtilsService } from '~shared/services/utils.service';
+import { UtilsService } from '~modules/core/services/utils.service';
 
 export enum UserLoginError {
   BAD_CREDENTIALS = 11000,

src/app/modules/auth/pages/sign-up-page/sign-up-page.component.ts

@@ -3,7 +3,7 @@ import { transition, trigger, useAnimation } from '@angular/animations';
 import { fadeIn } from 'ng-animate';
 import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
 import { AuthService } from '../../auth.service';
-import { UtilsService } from '~shared/services/utils.service';
+import { UtilsService } from '~modules/core/services/utils.service';
 import { RoutesConfig } from '~app/configs/routes.config';
 import { Router } from '@angular/router';
 

src/app/modules/core/core.module.ts

@@ -12,11 +12,13 @@ import { SentryErrorHandler } from './sentry.errorhandler';
 import { TokenInterceptor } from './interceptors/token.interceptor';
 import { StorageService } from '~shared/services/storage.service';
 import { Apollo } from 'apollo-angular';
+import { SharedModule } from '~shared/shared.module';
 
 @NgModule({
   imports: [
     RouterModule,
     BrowserAnimationsModule,
+    SharedModule,
     NgxExampleLibraryModule.forRoot({
       config: {
         say: 'hello',

…/modules/core/services/events.servide.ts …/modules/core/services/events.service.tssrc/app/modules/core/services/events.servide.ts renamed to src/app/modules/core/services/events.service.ts src/app/modules/core/services/events.servide.ts renamed to src/app/modules/core/services/events.service.ts

@@ -0,0 +1,28 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { UtilsService } from './utils.service';
+
+describe('UtilsService', () => {
+  let utilsHelperService: UtilsService;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      providers: [UtilsService],
+    });
+
+    utilsHelperService = TestBed.inject(UtilsService);
+  }));
+
+  it('should check if is palindrome', () => {
+    expect(UtilsService.isPalindrome('')).toBe(true);
+    expect(UtilsService.isPalindrome('asd')).toBe(false);
+    expect(UtilsService.isPalindrome('aas')).toBe(false);
+    expect(UtilsService.isPalindrome('ass')).toBe(false);
+    expect(UtilsService.isPalindrome('aassaa')).toBe(true);
+    expect(UtilsService.isPalindrome('asa')).toBe(true);
+    expect(UtilsService.isPalindrome('asswssa')).toBe(true);
+  });
+
+  it('should check if browser is valid', () => {
+    expect(UtilsService.isBrowserValid()).toBe(true);
+  });
+});

src/app/modules/core/services/utils-helper.service.spec.ts

@@ -1,12 +1,16 @@
 import { Injectable } from '@angular/core';
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { AppConfig } from '~app/configs/app.config';
 
 declare const require: any;
 const bowser = require('bowser');
 
 @Injectable({
   providedIn: 'root',
 })
-export class UtilsHelperService {
+export class UtilsService {
+  constructor(private snackBar: MatSnackBar) {}
+
   static isPalindrome(str: string) {
     const len = Math.floor(str.length / 2);
     for (let i = 0; i < len; i++) {
@@ -31,4 +35,13 @@ export class UtilsHelperService {
       opera: '>22',
     });
   }
+
+  showSnackBar(name: string, panelClass: string): void {
+    const config: any = new MatSnackBarConfig();
+    config.duration = panelClass === 'warning-snack-bar' ? 50000 : AppConfig.snackBarDuration;
+    config.horizontalPosition = 'right';
+    config.verticalPosition = 'top';
+    config.panelClass = panelClass;
+    this.snackBar.open(name, 'OK', config);
+  }
 }