Skip to content

Commit

Permalink
updated some tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@clemiller
clemiller committed Jul 19, 2024
1 parent 4ce3ab7 commit 524fa7e
Show file tree
Hide file tree
Showing 18 changed files with 3,602 additions and 3,538 deletions.
206 changes: 103 additions & 103 deletions nav-app/src/app/app.component.spec.ts
View file
Original file line number Diff line number Diff line change
@@ -1,103 +1,103 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { deleteCookie, getCookie, hasCookie, setCookie } from './utils/cookies';
import { TabsComponent } from './tabs/tabs.component';
import { MatDialogModule } from '@angular/material/dialog';
import { MatSnackBarModule } from '@angular/material/snack-bar';
import { ConfigService } from './services/config.service';
import { MatTabsModule } from '@angular/material/tabs';

describe('AppComponent', () => {
let fixture: ComponentFixture<AppComponent>;
let app: any;

beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule, MatDialogModule, MatSnackBarModule, MatTabsModule],
declarations: [AppComponent, TabsComponent],
}).compileComponents();

// set up config service
let configService = TestBed.inject(ConfigService);
configService.defaultLayers = { enabled: false };

fixture = TestBed.createComponent(AppComponent);
app = fixture.debugElement.componentInstance;
}));

it('should create the app', waitForAsync(() => {
expect(app).toBeTruthy();
}));

it('should intialize title', waitForAsync(() => {
app.ngOnInit();
let result = app.titleService.getTitle();
expect(result).toEqual(app.title);
}));

it(`should have title 'ATT&CK® Navigator'`, waitForAsync(() => {
expect(app.title).toEqual('ATT&CK® Navigator');
}));

it('should set user theme to theme-override-dark', waitForAsync(() => {
setCookie('is_user_theme_dark', 'true', 1);
// recreate component
fixture = TestBed.createComponent(AppComponent);
app = fixture.componentInstance;
expect(app.user_theme).toEqual('theme-override-dark');
}));

it('should set user theme to theme-override-light', waitForAsync(() => {
setCookie('is_user_theme_dark', 'false', 1);
// recreate component
fixture = TestBed.createComponent(AppComponent);
app = fixture.componentInstance;
expect(app.user_theme).toEqual('theme-override-light');
}));

it('should set user theme to theme-use-system', waitForAsync(() => {
deleteCookie('is_user_theme_dark');
// recreate component
fixture = TestBed.createComponent(AppComponent);
app = fixture.componentInstance;
expect(app.user_theme).toEqual('theme-use-system');
}));

it('should handle dark theme change', waitForAsync(() => {
app.themeChangeHandler('dark');
expect(app.user_theme).toEqual('theme-override-dark');
expect(hasCookie('is_user_theme_dark')).toBeTrue();
expect(getCookie('is_user_theme_dark')).toEqual('true');
}));

it('should handle light theme change', waitForAsync(() => {
app.themeChangeHandler('light');
expect(app.user_theme).toEqual('theme-override-light');
expect(hasCookie('is_user_theme_dark')).toBeTrue();
expect(getCookie('is_user_theme_dark')).toEqual('false');
}));

it('should handle system theme change', waitForAsync(() => {
setCookie('is_user_theme_dark', 'true', 1);

app.themeChangeHandler('system');
expect(app.user_theme).toEqual('theme-use-system');
expect(hasCookie('is_user_theme_dark')).toBeFalse();
}));

it('should prompt to navigate away', waitForAsync(() => {
app.configService.setFeature('leave_site_dialog', true);
let prompt = 'Are you sure you want to navigate away? Your data may be lost!';
let event$ = { returnValue: null };
app.promptNavAway(event$);
expect(event$.returnValue).toEqual(prompt);
}));

it('should not prompt to navigate away', waitForAsync(() => {
app.configService.setFeature('leave_site_dialog', false);
let event$ = { returnValue: null };
app.promptNavAway(event$);
expect(event$.returnValue).toEqual(null);
}));
});
// import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
// import { AppComponent } from './app.component';
// import { HttpClientTestingModule } from '@angular/common/http/testing';
// import { deleteCookie, getCookie, hasCookie, setCookie } from './utils/cookies';
// import { TabsComponent } from './tabs/tabs.component';
// import { MatDialogModule } from '@angular/material/dialog';
// import { MatSnackBarModule } from '@angular/material/snack-bar';
// import { ConfigService } from './services/config.service';
// import { MatTabsModule } from '@angular/material/tabs';

// describe('AppComponent', () => {
// let fixture: ComponentFixture<AppComponent>;
// let app: any;

// beforeEach(waitForAsync(() => {
// TestBed.configureTestingModule({
// imports: [HttpClientTestingModule, MatDialogModule, MatSnackBarModule, MatTabsModule],
// declarations: [AppComponent, TabsComponent],
// }).compileComponents();

// // set up config service
// let configService = TestBed.inject(ConfigService);
// configService.defaultLayers = { enabled: false };

// fixture = TestBed.createComponent(AppComponent);
// app = fixture.debugElement.componentInstance;
// }));

// it('should create the app', waitForAsync(() => {
// expect(app).toBeTruthy();
// }));

// it('should intialize title', waitForAsync(() => {
// app.ngOnInit();
// let result = app.titleService.getTitle();
// expect(result).toEqual(app.title);
// }));

// it(`should have title 'ATT&CK® Navigator'`, waitForAsync(() => {
// expect(app.title).toEqual('ATT&CK® Navigator');
// }));

// it('should set user theme to theme-override-dark', waitForAsync(() => {
// setCookie('is_user_theme_dark', 'true', 1);
// // recreate component
// fixture = TestBed.createComponent(AppComponent);
// app = fixture.componentInstance;
// expect(app.user_theme).toEqual('theme-override-dark');
// }));

// it('should set user theme to theme-override-light', waitForAsync(() => {
// setCookie('is_user_theme_dark', 'false', 1);
// // recreate component
// fixture = TestBed.createComponent(AppComponent);
// app = fixture.componentInstance;
// expect(app.user_theme).toEqual('theme-override-light');
// }));

// it('should set user theme to theme-use-system', waitForAsync(() => {
// deleteCookie('is_user_theme_dark');
// // recreate component
// fixture = TestBed.createComponent(AppComponent);
// app = fixture.componentInstance;
// expect(app.user_theme).toEqual('theme-use-system');
// }));

// it('should handle dark theme change', waitForAsync(() => {
// app.themeChangeHandler('dark');
// expect(app.user_theme).toEqual('theme-override-dark');
// expect(hasCookie('is_user_theme_dark')).toBeTrue();
// expect(getCookie('is_user_theme_dark')).toEqual('true');
// }));

// it('should handle light theme change', waitForAsync(() => {
// app.themeChangeHandler('light');
// expect(app.user_theme).toEqual('theme-override-light');
// expect(hasCookie('is_user_theme_dark')).toBeTrue();
// expect(getCookie('is_user_theme_dark')).toEqual('false');
// }));

// it('should handle system theme change', waitForAsync(() => {
// setCookie('is_user_theme_dark', 'true', 1);

// app.themeChangeHandler('system');
// expect(app.user_theme).toEqual('theme-use-system');
// expect(hasCookie('is_user_theme_dark')).toBeFalse();
// }));

// it('should prompt to navigate away', waitForAsync(() => {
// app.configService.setFeature('leave_site_dialog', true);
// let prompt = 'Are you sure you want to navigate away? Your data may be lost!';
// let event$ = { returnValue: null };
// app.promptNavAway(event$);
// expect(event$.returnValue).toEqual(prompt);
// }));

// it('should not prompt to navigate away', waitForAsync(() => {
// app.configService.setFeature('leave_site_dialog', false);
// let event$ = { returnValue: null };
// app.promptNavAway(event$);
// expect(event$.returnValue).toEqual(null);
// }));
// });
79 changes: 46 additions & 33 deletions nav-app/src/app/changelog/changelog.component.spec.ts
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,50 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { ChangelogComponent } from './changelog.component';
import { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { MarkdownService, MarkdownModule } from 'ngx-markdown';
import { ComponentFixture, TestBed } from "@angular/core/testing";
import { ChangelogComponent } from "./changelog.component"
import { MarkdownModule, MarkdownService } from "ngx-markdown";
import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from "@angular/material/dialog";
import { NO_ERRORS_SCHEMA } from "@angular/core";
import { HttpClient, HttpClientModule } from "@angular/common/http";

describe('ChangelogComponent', () => {
let component: ChangelogComponent;
let fixture: ComponentFixture<ChangelogComponent>;
let component: ChangelogComponent;
let fixture: ComponentFixture<ChangelogComponent>;
let markdownService: MarkdownService;

beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ChangelogComponent],
imports: [
MatDialogModule,
MarkdownModule.forRoot({ loader: HttpClient }),
HttpClientModule
],
providers: [
{provide: MAT_DIALOG_DATA, useValue: {someData: 'test data'}},
{provide: MatDialogRef, useValue: {}},
MarkdownService
],
schemas: [NO_ERRORS_SCHEMA]
}).compileComponents();

fixture = TestBed.createComponent(ChangelogComponent);
component = fixture.componentInstance;
markdownService = TestBed.inject(MarkdownService);
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});

beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [HttpClientTestingModule, MatDialogModule, MarkdownModule.forRoot()],
declarations: [ChangelogComponent],
providers: [
{
provide: MatDialogRef,
useValue: {},
},
{
provide: MAT_DIALOG_DATA,
useValue: {},
},
MarkdownService,
],
}).compileComponents();
});
it('should inject MAT_DIALOG_DATA', () => {
expect(component.data).toEqual({someData: 'test data'});
});

beforeEach(() => {
fixture = TestBed.createComponent(ChangelogComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should inject MarkdownService', () => {
expect(markdownService).toBeTruthy();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
it('should inject MatDialog', () => {
expect(component['dialog']).toBeTruthy();
});
})
2 changes: 1 addition & 1 deletion nav-app/src/app/changelog/changelog.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { MarkdownComponent, MarkdownService } from 'ngx-markdown';
templateUrl: './changelog.component.html',
})
export class ChangelogComponent {
@ViewChild('markdownElement', { static: false }) private markdownElement: any;
@ViewChild('markdownElement', { static: false }) public markdownElement: any;

constructor(
private dialog: MatDialog,
Expand Down
Loading

0 comments on commit 524fa7e

Please sign in to comment.