test(e2e): force roboto font on all systems (#15993)

This commit is contained in:
Adam Bradley
2018-10-19 15:22:15 -05:00
committed by GitHub
parent 0602b6d1de
commit a9fd3399de
279 changed files with 717 additions and 708 deletions

View File

@ -19,6 +19,15 @@ aliases:
paths:
- core/node_modules
- &restore-cache-core-stencil
keys:
- stencil-cache-1
- &save-cache-core-stencil
key: stencil-cache-1
paths:
- core/.stencil
- core/screenshot/images
defaults: &defaults
docker:
@ -45,6 +54,7 @@ jobs:
- attach_workspace:
at: /tmp/workspace
- restore_cache: *restore-cache-core
- restore_cache: *restore-cache-core-stencil
- run:
command: npm install
working_directory: /tmp/workspace/core
@ -52,6 +62,7 @@ jobs:
- run:
command: npm run build # --max-workers 1 --debug
working_directory: /tmp/workspace/core
- save_cache: *save-cache-core-stencil
- persist_to_workspace:
root: /tmp/workspace
paths:
@ -106,7 +117,7 @@ jobs:
at: /tmp/workspace
- run:
name: Run Screenshot
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --runInBand || true
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci || true
working_directory: /tmp/workspace/core
test-core-screenshot-master:
@ -117,7 +128,7 @@ jobs:
at: /tmp/workspace
- run:
name: Run Screenshot
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --runInBand --update-screenshot || true
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --update-screenshot || true
working_directory: /tmp/workspace/core
workflows:

View File

@ -30,7 +30,7 @@
"ionicons": "4.4.6"
},
"devDependencies": {
"@stencil/core": "0.14.1-1",
"@stencil/core": "0.14.1",
"@stencil/sass": "0.1.1",
"@stencil/utils": "latest",
"@types/jest": "^23.3.1",

View File

@ -1,15 +0,0 @@
{
const getStyles = () => {
const tag = document.createElement('style');
tag.textContent = `
:root {
--ion-font-family: Arial;
}
`;
return tag;
};
if (window.location.search.indexOf('ionic:_testing=true') > -1) {
document.head.appendChild(getStyles());
}
}

File diff suppressed because one or more lines are too long

View File

@ -34,14 +34,14 @@ A button's `role` property can either be `destructive` or `cancel`. Buttons with
## Events
| Event | Description |
| --------------------------- | --------------------------------------- |
| `ionActionSheetDidDismiss` | Emitted after the alert has dismissed. |
| `ionActionSheetDidLoad` | Emitted after the alert has loaded. |
| `ionActionSheetDidPresent` | Emitted after the alert has presented. |
| `ionActionSheetDidUnload` | Emitted after the alert has unloaded. |
| `ionActionSheetWillDismiss` | Emitted before the alert has dismissed. |
| `ionActionSheetWillPresent` | Emitted before the alert has presented. |
| Event | Detail | Description |
| --------------------------- | ------------------ | --------------------------------------- |
| `ionActionSheetDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
| `ionActionSheetDidLoad` | | Emitted after the alert has loaded. |
| `ionActionSheetDidPresent` | | Emitted after the alert has presented. |
| `ionActionSheetDidUnload` | | Emitted after the alert has unloaded. |
| `ionActionSheetWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
| `ionActionSheetWillPresent` | | Emitted before the alert has presented. |
## Methods

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Alert From Action Sheet</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Cancel Only</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Custom CSS Class</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - No Backdrop Dismiss</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Scroll Without Cancel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Scrollable Options</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Action Sheet - Translucent</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -45,14 +45,14 @@ Alerts can also include several different inputs whose data can be passed back t
## Events
| Event | Description |
| --------------------- | --------------------------------------- |
| `ionAlertDidDismiss` | Emitted after the alert has dismissed. |
| `ionAlertDidLoad` | Emitted after the alert has presented. |
| `ionAlertDidPresent` | Emitted after the alert has presented. |
| `ionAlertDidUnload` | Emitted before the alert has presented. |
| `ionAlertWillDismiss` | Emitted before the alert has dismissed. |
| `ionAlertWillPresent` | Emitted before the alert has presented. |
| Event | Detail | Description |
| --------------------- | ------------------ | --------------------------------------- |
| `ionAlertDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
| `ionAlertDidLoad` | | Emitted after the alert has presented. |
| `ionAlertDidPresent` | | Emitted after the alert has presented. |
| `ionAlertDidUnload` | | Emitted before the alert has presented. |
| `ionAlertWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
| `ionAlertWillPresent` | | Emitted before the alert has presented. |
## Methods

View File

@ -6,8 +6,8 @@
<title>Alert - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Alert</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Alert - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Alert - Translucent</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Anchor - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Anchor - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body padding>

View File

@ -6,8 +6,8 @@
<title>App - Cordova</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
<script type="text/javascript">
window.Ionic.config = { statusbarPadding: true };
</script>

View File

@ -6,8 +6,8 @@
<title>Avatar - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Avatar</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Avatar - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body padding>

View File

@ -6,8 +6,8 @@
<title>Back Button</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body onload="loadFirstPage()">

View File

@ -6,8 +6,8 @@
<title>Back Button</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
<script>
class PageOne extends HTMLElement {
connectedCallback() {

View File

@ -6,8 +6,8 @@
<title>Back Button</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body onload="loadFirstPage()">

View File

@ -6,8 +6,8 @@
<title>Back Button</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -17,9 +17,9 @@ Backdrops are full screen components that overlay other components. They are use
## Events
| Event | Description |
| ---------------- | ------------------------------------ |
| `ionBackdropTap` | Emitted when the backdrop is tapped. |
| Event | Detail | Description |
| ---------------- | ------ | ------------------------------------ |
| `ionBackdropTap` | | Emitted when the backdrop is tapped. |
----------------------------------------------

View File

@ -6,8 +6,8 @@
<title>Badge - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Badge</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Badge - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body padding>

View File

@ -55,10 +55,10 @@ This attribute specifies the size of the button. Setting this attribute will cha
## Events
| Event | Description |
| ---------- | ------------------------------------ |
| `ionBlur` | Emitted when the button loses focus. |
| `ionFocus` | Emitted when the button has focus. |
| Event | Detail | Description |
| ---------- | ------ | ------------------------------------ |
| `ionBlur` | | Emitted when the button loses focus. |
| `ionFocus` | | Emitted when the button has focus. |
## CSS Custom Properties

View File

@ -6,8 +6,8 @@
<title>Button - Anchor</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Clear</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Expand</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Form</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Icon</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Outline</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Round</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Size</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Strong</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Button - Toolbar</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Buttons - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Card Header - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Card - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Card</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Card - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Card - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -22,12 +22,12 @@ Checkboxes allow the selection of multiple options from a set of options. They a
## Events
| Event | Description |
| ----------- | ---------------------------------------------- |
| `ionBlur` | Emitted when the toggle loses focus. |
| `ionChange` | Emitted when the checked property has changed. |
| `ionFocus` | Emitted when the toggle has focus. |
| `ionStyle` | Emitted when the styles change. |
| Event | Detail | Description |
| ----------- | ----------------------- | ---------------------------------------------- |
| `ionBlur` | | Emitted when the toggle loses focus. |
| `ionChange` | CheckedInputChangeEvent | Emitted when the checked property has changed. |
| `ionFocus` | | Emitted when the toggle has focus. |
| `ionStyle` | StyleEvent | Emitted when the styles change. |
## CSS Custom Properties

View File

@ -6,8 +6,8 @@
<title>Checkbox - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Checkbox</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Checkbox - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body padding>

View File

@ -6,8 +6,8 @@
<title>Chip - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Chip</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -5,8 +5,8 @@
<title>Chip - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>
<h2>Text Chips</h2>

View File

@ -21,11 +21,11 @@ view component.
## Events
| Event | Description |
| ---------------- | ------------------------------------------------------------------------------------------------ |
| `ionScroll` | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
| `ionScrollEnd` | Emitted when the scroll has ended. |
| `ionScrollStart` | Emitted when the scroll has started. |
| Event | Detail | Description |
| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------ |
| `ionScroll` | ScrollDetail | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
| `ionScrollEnd` | ScrollBaseDetail | Emitted when the scroll has ended. |
| `ionScrollStart` | ScrollBaseDetail | Emitted when the scroll has started. |
## Methods

View File

@ -6,8 +6,8 @@
<title>Content - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Content - Fullscreen</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Content</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -5,8 +5,8 @@
<title>Content - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>
<div class="content-height">

View File

@ -271,7 +271,9 @@ export class Datetime implements ComponentInterface {
{
text: this.cancelText,
role: 'cancel',
handler: () => this.ionCancel.emit()
handler: () => {
this.ionCancel.emit();
}
},
{
text: this.doneText,

View File

@ -230,11 +230,11 @@ dates in JavaScript.
## Events
| Event | Description |
| ----------- | --------------------------------------------------- |
| `ionCancel` | Emitted when the datetime selection was cancelled. |
| `ionChange` | Emitted when the value (selected date) has changed. |
| `ionStyle` | Emitted when the styles change. |
| Event | Detail | Description |
| ----------- | ---------------- | --------------------------------------------------- |
| `ionCancel` | | Emitted when the datetime selection was cancelled. |
| `ionChange` | InputChangeEvent | Emitted when the value (selected date) has changed. |
| `ionStyle` | StyleEvent | Emitted when the styles change. |
## Methods

View File

@ -6,8 +6,8 @@
<title>Datetime - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Datetime</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Datetime - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -24,10 +24,10 @@ If the FAB button is not wrapped with `<ion-fab>`, it will scroll with the conte
## Events
| Event | Description |
| ---------- | ------------------------------------ |
| `ionBlur` | Emitted when the button loses focus. |
| `ionFocus` | Emitted when the button has focus. |
| Event | Detail | Description |
| ---------- | ------ | ------------------------------------ |
| `ionBlur` | | Emitted when the button loses focus. |
| `ionFocus` | | Emitted when the button has focus. |
## CSS Custom Properties

View File

@ -6,8 +6,8 @@
<title>Floating Action Button - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Floating Action Button - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Floating Action Button</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Floating Action Button - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Floating Action Button - Translucent</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Header - Translucent</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid - Offsets</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid - Padding</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid - Sizes</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Grid - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Header - Translucent</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Hide When - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Hide When</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Icon - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Icon - Items</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
<style>
profile-modal {
background: red;

View File

@ -6,8 +6,8 @@
<title>Icon</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Icon - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -16,9 +16,9 @@ Img is a tag that will lazily load an image when ever the tag is in the viewport
## Events
| Event | Description |
| --------------- | ---------------------------------- |
| `ionImgDidLoad` | Emitted when the img src is loaded |
| Event | Detail | Description |
| --------------- | ------ | ---------------------------------- |
| `ionImgDidLoad` | | Emitted when the img src is loaded |
----------------------------------------------

View File

@ -6,8 +6,8 @@
<title>Img - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Img - Standalone</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<script src="/dist/ionic.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body padding onLoad="render()">

View File

@ -26,9 +26,9 @@ Separating the `ion-infinite-scroll` and `ion-infinite-scroll-content` component
## Events
| Event | Description |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `ionInfinite` | Emitted when the scroll reaches the threshold distance. From within your infinite handler, you must call the infinite scroll's `complete()` method when your async operation has completed. |
| Event | Detail | Description |
| ------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `ionInfinite` | | Emitted when the scroll reaches the threshold distance. From within your infinite handler, you must call the infinite scroll's `complete()` method when your async operation has completed. |
## Methods

View File

@ -6,8 +6,8 @@
<title>Infinite Scroll - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Infinite Scroll</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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Infinite Scroll - Standalone</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>
<link rel="stylesheet" type="text/css" href="/css/core.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/core.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

View File

@ -6,8 +6,8 @@
<title>Infinite Scroll - 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>
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
<script src="/scripts/screenshot/testing.js"></script>
<link rel="stylesheet" href="/css/ionic.bundle.css">
<link rel="stylesheet" href="/scripts/testing/styles.css">
</head>
<body>

Some files were not shown because too many files have changed in this diff Show More