Generate top bar component

This is what's created by `ng generate` except for the HTML, which we modified to say "My Store" in an `h1` header. Co-authored-by: KK Lamberty <lamberty@morris.umn.edu>

phone-store/src/app/app.module.ts

@@ -3,10 +3,12 @@ import { NgModule } from '@angular/core';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { TopBarComponent } from './top-bar/top-bar.component';
 
 @NgModule({
  declarations: [
- AppComponent
+ AppComponent,
+ TopBarComponent
  ],
  imports: [
  BrowserModule,

phone-store/src/app/top-bar/top-bar.component.html

@@ -0,0 +1 @@
+<h1>My Store</h1>

phone-store/src/app/top-bar/top-bar.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TopBarComponent } from './top-bar.component';
+
+describe('TopBarComponent', () => {
+ let component: TopBarComponent;
+ let fixture: ComponentFixture<TopBarComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ TopBarComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(TopBarComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});

phone-store/src/app/top-bar/top-bar.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-top-bar',
+ templateUrl: './top-bar.component.html',
+ styleUrls: ['./top-bar.component.scss']
+})
+export class TopBarComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}