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

test(list): add inset list test to highlight the inconsistencies in MD

Browse Source
This commit is contained in:
Brandy Carney
2018-03-12 12:41:03 -04:00
parent fcdf35565f
commit 12c78bcb62
3 changed files with 89 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/core/src/components/list/test/basic/index.html
View File

@ -38,7 +38,6 @@
</ion-list>
</ion-content>
</ion-app>
</body>
</html>

19
packages/core/src/components/list/test/inset/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/list/test/inset?ionicplatform=${platform}`);
}
}
platforms.forEach(platform => {
describe('list/inset', () => {
register('should init', driver => {
const page = new E2ETestPage(driver, platform);
return page.navigate('#content');
});
});
});

70
packages/core/src/components/list/test/inset/index.html Normal file
View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>List - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="/dist/ionic.js"></script>
</head>
<body>
<ion-app>
<ion-header>
<ion-toolbar>
<ion-title>List - Inset</ion-title>
</ion-toolbar>
</ion-header>
<ion-content id="content">
<ion-list inset>
<ion-item>
<ion-label>Normal Input</ion-label>
<ion-input></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Stacked Input</ion-label>
<ion-input></ion-input>
</ion-item>
<ion-item>
<ion-label>Normal Select</ion-label>
<ion-select>
<ion-select-option>1</ion-select-option>
<ion-select-option>2</ion-select-option>
<ion-select-option>3</ion-select-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label stacked>Stacked Select</ion-label>
<ion-select>
<ion-select-option>1</ion-select-option>
<ion-select-option>2</ion-select-option>
<ion-select-option>3</ion-select-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Normal Datetime</ion-label>
<ion-datetime></ion-datetime>
</ion-item>
<ion-item>
<ion-label stacked>Stacked Datetime</ion-label>
<ion-datetime></ion-datetime>
</ion-item>
</ion-list>
</ion-content>
</ion-app>
<style>
ion-content .scroll {
background: #e5e5e5;
}
</style>
</body>
</html>