test(angular): add CI (#16496)

angular/test/test-app/src/app/app-routing.module.ts

@@ -5,13 +5,15 @@ import { ModalComponent } from './modal/modal.component';
 import { RouterLinkComponent } from './router-link/router-link.component';
 import { RouterLinkPageComponent } from './router-link-page/router-link-page.component';
 import { HomePageComponent } from './home-page/home-page.component';
+import { TabsComponent } from './tabs/tabs.component';
 
 const routes: Routes = [
   { path: '', component: HomePageComponent },
   { path: 'inputs', component: InputsComponent },
   { path: 'modals', component: ModalComponent },
   { path: 'router-link', component: RouterLinkComponent },
-  { path: 'router-link-page', component: RouterLinkPageComponent }
+  { path: 'router-link-page', component: RouterLinkPageComponent },
+  { path: 'tabs', component: TabsComponent }
 ];
 
 @NgModule({

angular/test/test-app/src/app/app.module.ts

@@ -11,6 +11,7 @@ import { ModalExampleComponent } from './modal-example/modal-example.component';
 import { RouterLinkComponent } from './router-link/router-link.component';
 import { RouterLinkPageComponent } from './router-link-page/router-link-page.component';
 import { HomePageComponent } from './home-page/home-page.component';
+import { TabsComponent } from './tabs/tabs.component';
 
 @NgModule({
   declarations: [
@@ -20,7 +21,8 @@ import { HomePageComponent } from './home-page/home-page.component';
     ModalExampleComponent,
     RouterLinkComponent,
     RouterLinkPageComponent,
-    HomePageComponent
+    HomePageComponent,
+    TabsComponent
   ],
   imports: [
     BrowserModule,

angular/test/test-app/src/app/home-page/home-page.component.html

@@ -22,6 +22,10 @@
           Router link test
         </ion-label>
       </ion-item>
+      <ion-item href="/tabs">
+        <ion-label>
+          Tabs test
+        </ion-label>
+      </ion-item>
     </ion-list>
   </ion-content>
-  

angular/test/test-app/src/app/home-page/home-page.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-home-page',

angular/test/test-app/src/app/inputs/inputs.component.ts

@@ -6,12 +6,12 @@ import { Component } from '@angular/core';
 })
 export class InputsComponent {
 
-  datetime: string;
-  input: string;
-  checkbox = false;
-  toggle = false;
-  select: string;
-  range: number;
+  datetime = '1994-03-15';
+  input = 'some text';
+  checkbox = true;
+  toggle = true;
+  select = 'nes';
+  range = 10;
 
   setValues() {
     console.log('set values');

angular/test/test-app/src/app/tabs/tabs.component.html

@@ -0,0 +1,21 @@
+<ion-tabs>
+  <ion-tab tab="tab-one">
+    <ion-router-outlet name="tab-one"></ion-router-outlet>
+  </ion-tab>
+
+  <ion-tab tab="tab-two">
+    <ion-router-outlet name="tab-one"></ion-router-outlet>
+  </ion-tab>
+
+  <ion-tab-bar slot="bottom">
+    <ion-tab-button tab="tab-one">
+      <ion-label>Tab One</ion-label>
+      <ion-icon name="add"></ion-icon>
+    </ion-tab-button>
+
+    <ion-tab-button tab="tab-two">
+      <ion-label>Tab Two</ion-label>
+      <ion-icon name="plane"></ion-icon>
+    </ion-tab-button>
+  </ion-tab-bar>
+</ion-tabs>

angular/test/test-app/src/app/tabs/tabs.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-tabs',
+  templateUrl: './tabs.component.html',
+})
+export class TabsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}