-
-
Notifications
You must be signed in to change notification settings - Fork 6.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9279a3a
commit 8054b94
Showing
12 changed files
with
303 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| /** | ||
| * Copyright (c) Facebook, Inc. and its affiliates. All Rights Reserved. | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
|
|
||
| module.exports = { | ||
| plugins: [ | ||
| 'babel-plugin-transform-typescript-metadata', | ||
| ['@babel/plugin-proposal-decorators', {legacy: true}], | ||
| '@babel/plugin-proposal-class-properties', | ||
| ], | ||
| presets: [ | ||
| [ | ||
| '@babel/preset-env', | ||
| { | ||
| shippedProposals: true, | ||
| targets: {node: 8}, | ||
| }, | ||
| ], | ||
| '@babel/preset-typescript', | ||
| ] | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import {ComponentFixture, TestBed, async} from '@angular/core/testing'; | ||
|
|
||
| import {AppComponent} from './app.component'; | ||
| import {DataService} from './shared/data.service'; | ||
|
|
||
| const title = 'Test'; | ||
| const getTitleFn = jest.fn().mockReturnValue(title); | ||
| const dataServiceSpy = jest.fn().mockImplementation( | ||
| (): Partial<DataService> => ({ | ||
| getTitle: getTitleFn, | ||
| }) | ||
| ); | ||
|
|
||
| describe('AppComponent', () => { | ||
| let fixture: ComponentFixture<AppComponent>; | ||
| let app: AppComponent; | ||
|
|
||
| beforeEach(async(() => { | ||
| TestBed.configureTestingModule({ | ||
| declarations: [AppComponent], | ||
| providers: [{provide: DataService, useClass: dataServiceSpy}], | ||
| }).compileComponents(); | ||
| fixture = TestBed.createComponent(AppComponent); | ||
| app = fixture.debugElement.componentInstance; | ||
| })); | ||
|
|
||
| it('should create the app', () => { | ||
| expect(app).toBeTruthy(); | ||
| }); | ||
|
|
||
| it(`should have as title 'angular'`, () => { | ||
| expect(app.title).toEqual(title); | ||
| }); | ||
|
|
||
| it('should render title in a h1 tag', () => { | ||
| fixture.detectChanges(); | ||
| const compiled = fixture.debugElement.nativeElement; | ||
| expect(compiled.querySelector('h1').textContent).toContain( | ||
| `Welcome to ${title}!` | ||
| ); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import {Component} from '@angular/core'; | ||
|
|
||
| import {DataService} from './shared/data.service'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-root', | ||
| template: '<h1>Welcome to {{ title }}!</h1>', | ||
| }) | ||
| export class AppComponent { | ||
| public title: string; | ||
|
|
||
| constructor(dataService: DataService) { | ||
| this.title = dataService.getTitle(); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import {BrowserModule} from '@angular/platform-browser'; | ||
| import {NgModule} from '@angular/core'; | ||
|
|
||
| import {AppComponent} from './app.component'; | ||
|
|
||
| @NgModule({ | ||
| bootstrap: [AppComponent], | ||
| declarations: [AppComponent], | ||
| imports: [BrowserModule], | ||
| }) | ||
| export class AppModule {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| module.exports = { | ||
| moduleFileExtensions: ['ts', 'html', 'js', 'json'], | ||
| setupFilesAfterEnv: ['<rootDir>/setupJest.js'], | ||
| transform: { | ||
| '^.+\\.[t|j]s$': [ | ||
| 'babel-jest', | ||
| {configFile: require.resolve('./.babelrc')}, | ||
| ], | ||
| }, | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| { | ||
| "name": "angular", | ||
| "version": "0.0.1", | ||
| "scripts": { | ||
| "test": "jest" | ||
| }, | ||
| "private": true, | ||
| "dependencies": { | ||
| "@angular/common": "^8.2.5", | ||
| "@angular/compiler": "^8.2.5", | ||
| "@angular/core": "^8.2.5", | ||
| "@angular/forms": "^8.2.5", | ||
| "@angular/platform-browser": "^8.2.5", | ||
| "@angular/platform-browser-dynamic": "^8.2.5", | ||
| "core-js": "^3.2.1", | ||
| "rxjs": "^6.5.3", | ||
| "typescript": "*", | ||
| "zone.js": "~0.9.1" | ||
| }, | ||
| "devDependencies": { | ||
| "@babel/plugin-proposal-class-properties": "*", | ||
| "@babel/plugin-proposal-decorators": "*", | ||
| "@babel/preset-env": "*", | ||
| "@babel/preset-typescript": "*", | ||
| "babel-jest": "*", | ||
| "babel-plugin-transform-typescript-metadata": "*", | ||
| "@types/jest": "*", | ||
| "jest": "*", | ||
| "jest-zone-patch": "*" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| 'use strict'; | ||
|
|
||
| require('core-js/proposals/reflect-metadata'); | ||
| require('zone.js/dist/zone.js'); | ||
| require('zone.js/dist/proxy.js'); | ||
| require('zone.js/dist/sync-test'); | ||
| require('zone.js/dist/async-test'); | ||
| require('zone.js/dist/fake-async-test'); | ||
| // eslint-disable-next-line import/no-extraneous-dependencies | ||
| require('jest-zone-patch'); | ||
|
|
||
| const {getTestBed} = require('@angular/core/testing'); | ||
| const testingModule = require('@angular/platform-browser-dynamic/testing'); | ||
|
|
||
| getTestBed().initTestEnvironment( | ||
| testingModule.BrowserDynamicTestingModule, | ||
| testingModule.platformBrowserDynamicTesting() | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import {TestBed} from '@angular/core/testing'; | ||
|
|
||
| import {DataService} from './data.service'; | ||
| import {SubService} from './sub.service'; | ||
|
|
||
| const title = 'SubTest'; | ||
| const getTitleFn = jest.fn().mockReturnValue(title); | ||
| const subServiceSpy = jest.fn().mockImplementation(() => ({ | ||
| getTitle: getTitleFn, | ||
| })); | ||
|
|
||
| describe('Service: DataService', () => { | ||
| let service: DataService; | ||
|
|
||
| beforeEach(() => { | ||
| TestBed.configureTestingModule({ | ||
| providers: [DataService, {provide: SubService, useClass: subServiceSpy}], | ||
| }); | ||
|
|
||
| service = TestBed.get(DataService); | ||
| }); | ||
|
|
||
| it('should create service', () => { | ||
| expect(service).toBeTruthy(); | ||
| }); | ||
|
|
||
| it('should return the right title', () => { | ||
| expect(service.getTitle()).toEqual(title); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| import {Injectable} from '@angular/core'; | ||
|
|
||
| import {SubService} from './sub.service'; | ||
|
|
||
| @Injectable() | ||
| export class DataService { | ||
| constructor(private subService: SubService) {} | ||
|
|
||
| getTitle() { | ||
| return this.subService.getTitle(); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import {TestBed} from '@angular/core/testing'; | ||
|
|
||
| import {SubService} from './sub.service'; | ||
|
|
||
| describe('Service: SubService', () => { | ||
| let service: SubService; | ||
|
|
||
| beforeEach(() => { | ||
| TestBed.configureTestingModule({ | ||
| providers: [SubService], | ||
| }); | ||
| service = TestBed.get(SubService); | ||
| }); | ||
|
|
||
| it('should create service', () => { | ||
| expect(service).toBeTruthy(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| import {Injectable} from '@angular/core'; | ||
|
|
||
| @Injectable() | ||
| export class SubService { | ||
| public getTitle() { | ||
| return 'Angular App with Jest24'; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters