+
-
-
-
-
ng generate component xyz
-
ng add @angular/material
-
ng add _____
-
ng test
-
ng build --prod
+
-
-
-
-
-
-
-
-
+
@@ -247,5 +37,3 @@
Next Steps
-
-
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 20de901..bc3599d 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -1,6 +1,6 @@
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
-import { ExchangeRatesComponent } from './exchange-rates/exchange-rates.component';
+import { EvolutionsComponent } from './evolutions/evolutions.component';
import { GraphQLModule } from './graphql.module';
import { HttpClientModule } from '@angular/common/http';
@@ -9,7 +9,7 @@ describe('AppComponent', () => {
TestBed.configureTestingModule({
imports: [GraphQLModule, HttpClientModule],
declarations: [
- AppComponent, ExchangeRatesComponent,
+ AppComponent, EvolutionsComponent,
],
}).compileComponents();
}));
@@ -20,16 +20,16 @@ describe('AppComponent', () => {
expect(app).toBeTruthy();
});
- it(`should have as title 'bill-learning-app'`, () => {
+ it(`should have as title 'Pokémon Potpourri'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
- expect(app.title).toEqual('bill-learning-app');
+ expect(app.title).toEqual('Pokémon Potpourri');
});
- it('should render title', () => {
+ it('should render title in a h1 tag', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
- expect(compiled.querySelector('.content span').textContent).toContain('bill-learning-app app is running!');
+ expect(compiled.querySelector('.content span').textContent).toContain('Pokémon Potpourri app is running!');
});
});
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index b2aecee..19899a1 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -6,5 +6,6 @@ import { Component } from '@angular/core';
styleUrls: ['./app.component.css']
})
export class AppComponent {
- title = 'bill-learning-app';
+ title = 'Pokémon Potpourri';
+ next = '- version one -'
}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9ff817c..b9928a0 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,12 +4,16 @@ import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { GraphQLModule } from './graphql.module';
import { HttpClientModule } from '@angular/common/http';
-import { ExchangeRatesComponent } from './exchange-rates/exchange-rates.component';
+import { EvolutionsComponent } from './evolutions/evolutions.component';
+import { JigComponent } from './jig/jig.component';
+import { OddComponent } from './odd/odd.component';
@NgModule({
declarations: [
AppComponent,
- ExchangeRatesComponent
+ EvolutionsComponent,
+ JigComponent,
+ OddComponent,
],
imports: [
BrowserModule,
diff --git a/src/app/evolution.ts b/src/app/evolution.ts
new file mode 100644
index 0000000..fd89596
--- /dev/null
+++ b/src/app/evolution.ts
@@ -0,0 +1,4 @@
+export class Evolution {
+ evo1: string;
+ evo2: string;
+}
diff --git a/src/app/evolutions/evolutions.component.css b/src/app/evolutions/evolutions.component.css
new file mode 100644
index 0000000..29f5fa3
--- /dev/null
+++ b/src/app/evolutions/evolutions.component.css
@@ -0,0 +1,5 @@
+p {
+ font-family: "Comic Sans MS", "Comic Sans", cursive;
+ font-size: 40px;
+ font-style: italic;
+}
diff --git a/src/app/evolutions/evolutions.component.html b/src/app/evolutions/evolutions.component.html
new file mode 100644
index 0000000..eac5cdf
--- /dev/null
+++ b/src/app/evolutions/evolutions.component.html
@@ -0,0 +1,11 @@
+
+ Loading...
+
+
+ Error :(
+
+
+
Class: {{evos.classification}}
+
MaxHP: {{evos.maxHP}}
+
MaxCP: {{evos.maxCP}}
+
diff --git a/src/app/evolutions/evolutions.component.spec.ts b/src/app/evolutions/evolutions.component.spec.ts
new file mode 100644
index 0000000..503cf5a
--- /dev/null
+++ b/src/app/evolutions/evolutions.component.spec.ts
@@ -0,0 +1,38 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EvolutionsComponent } from './evolutions.component';
+
+describe('EvolutionsComponent', () => {
+ let component: EvolutionsComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ EvolutionsComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(EvolutionsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
+describe('findCP', () => {
+ it('should return a maxCP', () => {
+ const cp = 841
+ let response;
+ spyOn(EvolutionsComponent, 'findCP').and.returnValue(of(cp));
+
+ EvolutionsComponent.findCP().subscribe(res => {
+ cp = res;
+ });
+
+ expect(response).toEqual(cp);
+ });
+});
diff --git a/src/app/evolutions/evolutions.component.ts b/src/app/evolutions/evolutions.component.ts
new file mode 100644
index 0000000..cd8d2f7
--- /dev/null
+++ b/src/app/evolutions/evolutions.component.ts
@@ -0,0 +1,45 @@
+import { Component, OnInit } from '@angular/core';
+import {Apollo} from 'apollo-angular';
+import { ApolloQueryResult } from 'apollo-client';
+import gql from 'graphql-tag';
+import { Evolution } from '../evolution';
+
+@Component({
+ selector: 'app-evolutions',
+ templateUrl: './evolutions.component.html',
+ styleUrls: ['./evolutions.component.css']
+})
+export class EvolutionsComponent implements OnInit {
+ evos: any[];
+ loading = true;
+ error: any;
+
+ constructor(private apollo: Apollo) { }
+
+ ngOnInit() {
+ this.apollo
+ .watchQuery({
+ query: gql`
+ {
+ pokemon(name: "Charmander") {
+ name
+ classification
+ maxHP
+ maxCP
+ }
+ }
+ `,
+ })
+ .valueChanges.subscribe((result: ApolloQueryResult) => {
+ this.evos = result.data && result.data.pokemon;
+ console.log("data: " + JSON.stringify(this.evos));
+ this.loading = result.loading;
+ this.error = result.errors;
+ });
+ }
+
+ findCP(): Observable
-