javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(content): add tests for content pages without header/footers

Browse Source
This commit is contained in:
Brandy Carney
2016-06-28 11:30:56 -04:00
parent 6fa2faffba
commit 1c2acc0c6a
8 changed files with 58 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/content/test/basic/index.ts
View File

@ -6,7 +6,8 @@ import {ionicBootstrap} from '../../../../../src';
templateUrl: 'tabs.html'
})
class TabsPage {
page1 = E2EPage;
main = E2EPage;
page1 = Page1;
page2 = Page2;
page3 = Page3;
page4 = Page4;
@ -37,11 +38,19 @@ class Page2 {
}
@Component({
templateUrl: 'page1.html'
})
class Page1 {
page2 = Page2;
}
@Component({
templateUrl: 'main.html'
})
class E2EPage {
page2 = Page2;
page1 = Page1;
}

4
src/components/content/test/basic/main.html
View File

@ -1,8 +1,8 @@
<ion-header>
<ion-navbar style="opacity: 0.8">
<ion-title>Page 1</ion-title>
<ion-title>Main</ion-title>
<ion-buttons right>
<button [navPush]="page2">
<button [navPush]="page1">
Next
<ion-icon name="arrow-forward"></ion-icon>
</button>

15
src/components/content/test/basic/page1.html Normal file
View File

@ -0,0 +1,15 @@
<ion-content>
<b>This page has content but no toolbars or tabs.</b>
<button small outline [navPush]="page2">Next</button>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
<b>This is the bottom.</b>
</ion-content>

1
src/components/content/test/basic/tabs.html
View File

@ -1,4 +1,5 @@
<ion-tabs>
<ion-tab tabTitle="Main" tabIcon="cloudy" [root]="main"></ion-tab>
<ion-tab tabTitle="Page 1" tabIcon="call" [root]="page1"></ion-tab>
<ion-tab tabTitle="Page 2" tabIcon="heart" [root]="page2"></ion-tab>
<ion-tab tabTitle="Page 3" tabIcon="star" [root]="page3"></ion-tab>

13
src/components/content/test/fullscreen/index.ts
View File

@ -6,7 +6,8 @@ import {ionicBootstrap} from '../../../../../src';
templateUrl: 'tabs.html'
})
class TabsPage {
page1 = E2EPage;
main = E2EPage;
page1 = Page1;
page2 = Page2;
page3 = Page3;
page4 = Page4;
@ -37,11 +38,19 @@ class Page2 {
}
@Component({
templateUrl: 'page1.html'
})
class Page1 {
page2 = Page2;
}
@Component({
templateUrl: 'main.html'
})
class E2EPage {
page2 = Page2;
page1 = Page1;
}

4
src/components/content/test/fullscreen/main.html
View File

@ -1,8 +1,8 @@
<ion-header>
<ion-navbar style="opacity: 0.8">
<ion-title>Page 1</ion-title>
<ion-title>Main</ion-title>
<ion-buttons right>
<button [navPush]="page2">
<button [navPush]="page1">
Next
<ion-icon name="arrow-forward"></ion-icon>
</button>

15
src/components/content/test/fullscreen/page1.html Normal file
View File

@ -0,0 +1,15 @@
<ion-content fullscreen>
<b>This page has content but no toolbars or tabs.</b>
<button small outline [navPush]="page2">Next</button>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.
<b>This is the bottom.</b>
</ion-content>

1
src/components/content/test/fullscreen/tabs.html
View File

@ -1,4 +1,5 @@
<ion-tabs>
<ion-tab tabTitle="Main" tabIcon="cloudy" [root]="main"></ion-tab>
<ion-tab tabTitle="Page 1" tabIcon="call" [root]="page1"></ion-tab>
<ion-tab tabTitle="Page 2" tabIcon="heart" [root]="page2"></ion-tab>
<ion-tab tabTitle="Page 3" tabIcon="star" [root]="page3"></ion-tab>