javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

e2e

Browse Source
This commit is contained in:
Adam Bradley
2015-03-25 13:19:21 -05:00
parent 88784e0804
commit afb545120e
45 changed files with 234 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/button/test/button-block/index.html Normal file
View File

@@ -0,0 +1,24 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-block button-positive" href="#">a.button-block</a>
<button class="button button-block button-positive">button.button-block</button>
</p>
<p>
<a class="button button-block button-outline button-positive" href="#">a.button-block</a>
<button class="button button-block button-outline button-positive">button.button-block</button>
</p>
<p>
<a class="button button-block button-clear button-positive" href="#">a.button-block</a>
<button class="button button-block button-clear button-positive">button.button-block</button>
</p>
</div>

6
src/components/button/test/button-block/test.scenario.js Normal file
View File

@@ -0,0 +1,6 @@
describe('Protractor Demo App', function() {
it('should just be', function() {
browser.get('http://localhost:8876/examples/button/button-block/');
});
});

44
src/components/button/test/button-clear/index.html Normal file
View File

@@ -0,0 +1,44 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-clear button-light" href="#">a.light</a>
<button class="button button-clear button-light">button.light</button>
<button class="button button-clear button-light hover">hover</button>
<button class="button button-clear button-light activated">activated</button>
</p>
<p>
<a class="button button-clear button-stable" href="#">a.stable</a>
<button class="button button-clear button-stable">button.stable</button>
<button class="button button-clear button-stable hover">hover</button>
<button class="button button-clear button-stable activated">activated</button>
</p>
<p>
<a class="button button-clear button-positive" href="#">a.positive</a>
<button class="button button-clear button-positive">button.positive</button>
<button class="button button-clear button-positive hover">hover</button>
<button class="button button-clear button-positive activated">activated</button>
</p>
<p>
<a class="button button-clear button-assertive" href="#">a.assertive</a>
<button class="button button-clear button-assertive">button.assertive</button>
<button class="button button-clear button-assertive hover">hover</button>
<button class="button button-clear button-assertive activated">activated</button>
</p>
<p>
<a class="button button-clear button-dark" href="#">a.dark</a>
<button class="button button-clear button-dark">button.dark</button>
<button class="button button-clear button-dark hover">hover</button>
<button class="button button-clear button-dark activated">activated</button>
</p>
</div>

44
src/components/button/test/button-default/index.html Normal file
View File

@@ -0,0 +1,44 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-light" href="#">a.light</a>
<button class="button button-light">button.light</button>
<button class="button button-light hover">hover</button>
<button class="button button-light activated">activated</button>
</p>
<p>
<a class="button button-stable" href="#">a.stable</a>
<button class="button button-stable">button.stable</button>
<button class="button button-stable hover">hover</button>
<button class="button button-stable activated">activated</button>
</p>
<p>
<a class="button button-positive" href="#">a.positive</a>
<button class="button button-positive">button.positive</button>
<button class="button button-positive hover">hover</button>
<button class="button button-positive activated">activated</button>
</p>
<p>
<a class="button button-assertive" href="#">a.assertive</a>
<button class="button button-assertive">button.assertive</button>
<button class="button button-assertive hover">hover</button>
<button class="button button-assertive activated">activated</button>
</p>
<p>
<a class="button button-dark" href="#">a.dark</a>
<button class="button button-dark">button.dark</button>
<button class="button button-dark hover">hover</button>
<button class="button button-dark activated">activated</button>
</p>
</div>

28
src/components/button/test/button-full/index.html Normal file
View File

@@ -0,0 +1,28 @@
<style>
body {
margin: 0;
padding: 0;
}
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-full button-positive" href="#">a.button-full</a>
<button class="button button-full button-positive">button.button-full</button>
</p>
<p>
<a class="button button-full button-outline button-positive" href="#">a.button-full</a>
<button class="button button-full button-outline button-positive">button.button-full</button>
</p>
<p>
<a class="button button-full button-clear button-positive" href="#">a.button-full</a>
<button class="button button-full button-clear button-positive">button.button-full</button>
</p>
</div>

44
src/components/button/test/button-outline/index.html Normal file
View File

@@ -0,0 +1,44 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-outline button-light" href="#">a.light</a>
<button class="button button-outline button-light">button.light</button>
<button class="button button-outline button-light hover">hover</button>
<button class="button button-outline button-light activated">activated</button>
</p>
<p>
<a class="button button-outline button-stable" href="#">a.stable</a>
<button class="button button-outline button-stable">button.stable</button>
<button class="button button-outline button-stable hover">hover</button>
<button class="button button-outline button-stable activated">activated</button>
</p>
<p>
<a class="button button-outline button-positive" href="#">a.positive</a>
<button class="button button-outline button-positive">button.positive</button>
<button class="button button-outline button-positive hover">hover</button>
<button class="button button-outline button-positive activated">activated</button>
</p>
<p>
<a class="button button-outline button-assertive" href="#">a.assertive</a>
<button class="button button-outline button-assertive">button.assertive</button>
<button class="button button-outline button-assertive hover">hover</button>
<button class="button button-outline button-assertive activated">activated</button>
</p>
<p>
<a class="button button-outline button-dark" href="#">a.dark</a>
<button class="button button-outline button-dark">button.dark</button>
<button class="button button-outline button-dark hover">hover</button>
<button class="button button-outline button-dark activated">activated</button>
</p>
</div>

33
src/components/button/test/button-sizes/index.html Normal file
View File

@@ -0,0 +1,33 @@
<style>
[ion-app] {
display: block;
}
</style>
<div ion-app>
<p>
<a class="button button-small button-positive" href="#">a.small</a>
<button class="button button-small button-positive">button.small</button>
<a class="button button-outline button-small button-positive" href="#">a.outline.small</a>
<button class="button button-outline button-small button-positive">button.outline.small</button>
<a class="button button-clear button-small button-positive" href="#">a.clear.small</a>
<button class="button button-clear button-small button-positive">button.clear.small</button>
</p>
<p>
<a class="button button-large button-positive" href="#">
<span style="font-size:44px">H</span>
a</a>
<button class="button button-large button-positive">button</button>
<a class="button button-outline button-large button-positive" href="#">a</a>
<button class="button button-outline button-large button-positive">button</button>
<a class="button button-clear button-large button-positive" href="#">a</a>
<button class="button button-clear button-large button-positive">button</button>
</p>
</div>