From b43e85261e1346b7e7fca00c26b805749c6fbb3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jhon=20Smith=20Romero=20Sol=C3=B3rzano?=
 <thimsoremor@hotmail.com>
Date: Tue, 21 Jul 2020 21:46:16 -0500
Subject: [PATCH] List by year in Angular

---
 src/app/movie-list/movie-list.component.html |   5 +-
 unit.xml                                     | 167 +++++++++++++++++++
 2 files changed, 170 insertions(+), 2 deletions(-)
 create mode 100644 unit.xml

diff --git a/src/app/movie-list/movie-list.component.html b/src/app/movie-list/movie-list.component.html
index 13a7a63..5d9e4c9 100644
--- a/src/app/movie-list/movie-list.component.html
+++ b/src/app/movie-list/movie-list.component.html
@@ -1,8 +1,9 @@
 <div class="layout-column align-items-center mt-50">
   <section class="layout-row align-items-center justify-content-center">
     <input
+      #appInput
       type="number"
-      [(ngModel)]="movieYear"
+      [value]="movieYear"
       class="large"
       placeholder="Enter Year eg 2015"
       data-test-id="app-input"
@@ -10,7 +11,7 @@
     <button
       class=""
       data-test-id="submit-button"
-      (click)="searchMovies($event, movieYear)"
+      (click)="searchMovies($event, appInput.value)"
     >
       Search
     </button>
diff --git a/unit.xml b/unit.xml
new file mode 100644
index 0000000..6f96e06
--- /dev/null
+++ b/unit.xml
@@ -0,0 +1,167 @@
+<?xml version="1.0"?>
+<testsuite name="HeadlessChrome 83.0.4103 (Windows 10.0.0)" package="unit" timestamp="2020-07-21T00:54:29" id="0" hostname="DESKTOP-468OG17" tests="4" errors="1" failures="4" time="15.904">
+  <properties>
+    <property name="browser.fullName" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/83.0.4103.116 Safari/537.36"/>
+  </properties>
+  <testcase name="MovieListComponent Should render the Initial UI" time="0.578" classname=".MovieListComponent">
+    <failure type="">NullInjectorError: R3InjectorError(DynamicTestModule)[MoviesService -&gt; HttpClient -&gt; HttpClient]: 
+  NullInjectorError: No provider for HttpClient!
+error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'MoviesService', 'HttpClient', 'HttpClient' ] })
+    at &lt;Jasmine&gt;
+    at NullInjector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1076:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at injectInjectorOnly (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:931:1)
+    at ɵɵinject (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:941:1)
+    at Object.MoviesService_Factory [as factory] (ng:///MoviesService/ɵfac.js:5:41)
+    at R3Injector.hydrate (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16865:42)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16617:1)
+    at NgModuleRef$1.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:36027:1)
+    at Object.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:33779:1)
+</failure>
+    <failure type="">TypeError: Cannot read property 'value' of undefined
+    at &lt;Jasmine&gt;
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:52:18
+    at &lt;Jasmine&gt;
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at UserContext.&lt;anonymous&gt; (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:51:50)
+    at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:364:1)
+    at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-testing.js:292:1)
+    at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:363:1)
+    at Zone.run (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:123:1)
+</failure>
+  </testcase>
+  <testcase name="MovieListComponent Should search and render the movies - 2" time="5.111" classname=".MovieListComponent">
+    <failure type="">NullInjectorError: R3InjectorError(DynamicTestModule)[MoviesService -&gt; HttpClient -&gt; HttpClient]: 
+  NullInjectorError: No provider for HttpClient!
+error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'MoviesService', 'HttpClient', 'HttpClient' ] })
+    at &lt;Jasmine&gt;
+    at NullInjector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1076:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at injectInjectorOnly (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:931:1)
+    at ɵɵinject (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:941:1)
+    at Object.MoviesService_Factory [as factory] (ng:///MoviesService/ɵfac.js:5:41)
+    at R3Injector.hydrate (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16865:42)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16617:1)
+    at NgModuleRef$1.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:36027:1)
+    at Object.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:33779:1)
+</failure>
+    <failure type="">Error: Timeout - Async function did not complete within 5000ms (set by jasmine.DEFAULT_TIMEOUT_INTERVAL)
+    at &lt;Jasmine&gt;
+</failure>
+  </testcase>
+  <testcase name="MovieListComponent Should search and render the movies - 1" time="5.127" classname=".MovieListComponent">
+    <failure type="">NullInjectorError: R3InjectorError(DynamicTestModule)[MoviesService -&gt; HttpClient -&gt; HttpClient]: 
+  NullInjectorError: No provider for HttpClient!
+error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'MoviesService', 'HttpClient', 'HttpClient' ] })
+    at &lt;Jasmine&gt;
+    at NullInjector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1076:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at injectInjectorOnly (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:931:1)
+    at ɵɵinject (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:941:1)
+    at Object.MoviesService_Factory [as factory] (ng:///MoviesService/ɵfac.js:5:41)
+    at R3Injector.hydrate (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16865:42)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16617:1)
+    at NgModuleRef$1.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:36027:1)
+    at Object.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:33779:1)
+</failure>
+    <failure type="">Error: Timeout - Async function did not complete within 5000ms (set by jasmine.DEFAULT_TIMEOUT_INTERVAL)
+    at &lt;Jasmine&gt;
+</failure>
+  </testcase>
+  <testcase name="MovieListComponent Should show No Results Found when there are no results from API" time="5.088" classname=".MovieListComponent">
+    <failure type="">NullInjectorError: R3InjectorError(DynamicTestModule)[MoviesService -&gt; HttpClient -&gt; HttpClient]: 
+  NullInjectorError: No provider for HttpClient!
+error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'MoviesService', 'HttpClient', 'HttpClient' ] })
+    at &lt;Jasmine&gt;
+    at NullInjector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1076:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16629:1)
+    at injectInjectorOnly (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:931:1)
+    at ɵɵinject (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:941:1)
+    at Object.MoviesService_Factory [as factory] (ng:///MoviesService/ɵfac.js:5:41)
+    at R3Injector.hydrate (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16865:42)
+    at R3Injector.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16617:1)
+    at NgModuleRef$1.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:36027:1)
+    at Object.get (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:33779:1)
+</failure>
+    <failure type="">Error: Timeout - Async function did not complete within 5000ms (set by jasmine.DEFAULT_TIMEOUT_INTERVAL)
+    at &lt;Jasmine&gt;
+</failure>
+  </testcase>
+  <system-out>
+    <![CDATA[HeadlessChrome 83.0.4103 (Windows 10.0.0) ERROR: 'Unhandled Promise rejection:', 'Cannot set property 'value' of undefined', '; Zone:', 'ProxyZone', '; Task:', 'Promise.then', '; Value:', TypeError: Cannot set property 'value' of undefined
+TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:127:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1), 'TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:127:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)'
+,HeadlessChrome 83.0.4103 (Windows 10.0.0) ERROR: 'Unhandled Promise rejection:', 'Cannot set property 'value' of undefined', '; Zone:', 'ProxyZone', '; Task:', 'Promise.then', '; Value:', TypeError: Cannot set property 'value' of undefined
+TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:87:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1), 'TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:87:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)'
+,HeadlessChrome 83.0.4103 (Windows 10.0.0) ERROR: 'Unhandled Promise rejection:', 'Cannot set property 'value' of undefined', '; Zone:', 'ProxyZone', '; Task:', 'Promise.then', '; Value:', TypeError: Cannot set property 'value' of undefined
+TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:61:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1), 'TypeError: Cannot set property 'value' of undefined
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:16:16
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)
+    at __awaiter (http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:70:1)
+    at pushValue (http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:15:38)
+    at http://localhost:9876/_karma_webpack_/src/app/movie-list/movie-list.component.spec.ts:61:11
+    at Generator.next (<anonymous>)
+    at http://localhost:9876/_karma_webpack_/node_modules/tslib/tslib.es6.js:74:1
+    at new ZoneAwarePromise (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:960:1)'
+
+]]>
+  </system-out>
+  <system-err/>
+</testsuite>
\ No newline at end of file