title: Angular 5 Unit testing throwing error for "components should create " test case
body: <p>I am trying Angular 5 unit testing for the first time. While I already created the app then decided to run testing in it. But I am getting these errors: </p>
  
  <pre><code>AppComponent should create the app
  AppComponent should have as title 'app'
  AppComponent should render title in a h1 tag
  GalleryComponent should create
  UploadComponent should create
  </code></pre>
  
  <p>and error details like : </p>
  
  <pre><code>Failed: Template parse errors:
  'app-upload' is not a known element:
  1. If 'app-upload' is an Angular component, then verify that it is part of this module.
  2. If 'app-upload' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" class="row"&gt;
          &lt;div class="col-md-3" style="padding:5%; box-sizing: border-box"&gt;
              [ERROR -&gt;]&lt;app-upload&gt;&lt;/app-upload&gt;
          &lt;/div&gt;
          &lt;div class="col-md-9"&gt;
  "): ng:///DynamicTestModule/AppComponent.html@3:12
  </code></pre>
  
  <p>My package.json dev dependencies :</p>
  
  <pre><code>devDependencies": {
      "@angular/compiler-cli": "^6.0.2",
      "@angular-devkit/build-angular": "~0.6.3",
      "typescript": "~2.7.2",
      "@angular/cli": "~6.0.3",
      "@angular/language-service": "^6.0.2",
      "@types/jasmine": "2.8.6",
      "@types/jasminewd2": "~2.0.3",
      "@types/node": "~8.9.4",
      "codelyzer": "~4.2.1",
      "jasmine-core": "~2.99.1",
      "jasmine-spec-reporter": "~4.2.1",
      "karma": "~1.7.1",
      "karma-chrome-launcher": "~2.2.0",
      "karma-coverage-istanbul-reporter": "~1.4.2",
      "karma-jasmine": "~1.1.1",
      "karma-jasmine-html-reporter": "^0.2.2",
      "protractor": "~5.3.0",
      "ts-node": "~5.0.1",
      "tslint": "~5.9.1"
    } 
  </code></pre>
  
  <p>Test file app.component.spec.ts</p>
  
  <pre><code>import { TestBed, async } from '@angular/core/testing';
  import { AppComponent } from './app.component';
  describe('AppComponent', () =&gt; {
    beforeEach(async(() =&gt; {
      TestBed.configureTestingModule({
        declarations: [
          AppComponent
        ],
      }).compileComponents();
    }));
    it('should create the app', async(() =&gt; {
      const fixture = TestBed.createComponent(AppComponent);
      const app = fixture.debugElement.componentInstance;
      expect(app).toBeTruthy();
    }));
    it(`should have as title 'app'`, async(() =&gt; {
      const fixture = TestBed.createComponent(AppComponent);
      const app = fixture.debugElement.componentInstance;
      expect(app.title).toEqual('app');
    }));
    it('should render title in a h1 tag', async(() =&gt; {
      const fixture = TestBed.createComponent(AppComponent);
      fixture.detectChanges();
      const compiled = fixture.debugElement.nativeElement;
      expect(compiled.querySelector('h1').textContent).toContain('Welcome to Typito-photo-app!');
    }));
  });
  </code></pre>
  
  <p>I couldn't figure out how to solve these. I haven't made any changes in spec files nor did I wrote any test cases. Shouldn't all these be running as expected according to what is described in angular documentation?</p>