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

test(searchbar): add e2e for toolbar searchbar test

Browse Source
This commit is contained in:
Brandy Carney
2018-06-26 17:59:24 -04:00
parent 949d93e078
commit 120d17af6a
2 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
core/src/components/searchbar/test/toolbar/e2e.js Normal file
View File

@ -0,0 +1,19 @@
'use strict';
const { By, until } = require('selenium-webdriver');
const { register, Page, platforms } = require('../../../../../scripts/e2e');
class E2ETestPage extends Page {
constructor(driver, platform) {
super(driver, `http://localhost:3333/src/components/searchbar/test/toolbar?ionic:mode=${platform}`);
}
}
platforms.forEach(platform => {
describe('searchbar/toolbar', () => {
register('should init', driver => {
const page = new E2ETestPage(driver, platform);
return page.navigate('#content');
});
});
});

28
core/src/components/searchbar/test/toolbar/index.html
View File

@ -18,20 +18,7 @@
</ion-toolbar>
</ion-header>
<ion-content fullscreen>
<ion-grid>
<ion-row>
<ion-col size="6"><f class="red"></f></ion-col>
<ion-col size="6"><f class="green"></f></ion-col>
<ion-col size="6"><f class="blue"></f></ion-col>
<ion-col size="6"><f class="yellow"></f></ion-col>
<ion-col size="6"><f class="pink"></f></ion-col>
<ion-col size="6"><f class="purple"></f></ion-col>
<ion-col size="6"><f class="black"></f></ion-col>
<ion-col size="6"><f class="orange"></f></ion-col>
</ion-row>
</ion-grid>
<ion-content id="content" fullscreen>
<h5 padding-left padding-top> Search - Transparent Toolbar </h5>
<ion-toolbar transparent>
<ion-searchbar></ion-searchbar>
@ -87,12 +74,25 @@
<ion-searchbar placeholder="Filter Schedules"></ion-searchbar>
</ion-toolbar>
<ion-grid>
<ion-row>
<ion-col size="6"><f class="red"></f></ion-col>
<ion-col size="6"><f class="green"></f></ion-col>
<ion-col size="6"><f class="blue"></f></ion-col>
<ion-col size="6"><f class="yellow"></f></ion-col>
<ion-col size="6"><f class="pink"></f></ion-col>
<ion-col size="6"><f class="purple"></f></ion-col>
<ion-col size="6"><f class="black"></f></ion-col>
<ion-col size="6"><f class="orange"></f></ion-col>
</ion-row>
</ion-grid>
</ion-content>
</ion-app>
<style>
f {
display: block;
width: 100%;
height: 200px;
margin: 20px auto;