mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
chore(package): update to stencil 0.14.1-1 (#15992)
This commit is contained in:
@ -30,7 +30,7 @@
|
|||||||
"ionicons": "4.4.6"
|
"ionicons": "4.4.6"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@stencil/core": "0.14.1-0",
|
"@stencil/core": "0.14.1-1",
|
||||||
"@stencil/sass": "0.1.1",
|
"@stencil/sass": "0.1.1",
|
||||||
"@stencil/utils": "latest",
|
"@stencil/utils": "latest",
|
||||||
"@types/jest": "^23.3.1",
|
"@types/jest": "^23.3.1",
|
||||||
|
@ -7,6 +7,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||||
|
<script src="/scripts/screenshot/testing.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -120,7 +120,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom2 {
|
.custom2 {
|
||||||
--background: url(https://images.unsplash.com/photo-1503756234508-e32369269deb?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=47b63db904d2c72377ffc588f645eb45&auto=format&fit=crop&w=975&q=80) center 20%;
|
--background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAARQAQMAAAA2ut43AAAABlBMVEXMzMz////TjRV2AAAEPUlEQVR42u3RMREAMBDDsPAn/eXhavOq87Ztu7u7+6eBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBf2hvgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgatgn4GBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGr7S0wMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDBwFewzMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwcLW9BQYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBq6CfQYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgautrfAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAVbDPwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwNX2FhgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGLgK9hkYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBi42t4CAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDV8E+AwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA1fbW2BgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYOAq2GdgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGDgansLDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMXAX7DAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDFxtb4GBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGrYJ+BgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBq+0tMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwcBXsMzAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMHC1vQUGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgaugn0GBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGjvYD5WuYrpZqdmcAAAAASUVORK5CYII=) center 50%;
|
||||||
--color: white;
|
--color: white;
|
||||||
text-shadow: 2px 2px 6px black;
|
text-shadow: 2px 2px 6px black;
|
||||||
}
|
}
|
||||||
|
@ -9,6 +9,8 @@ it('loading: basic', async () => {
|
|||||||
const loading = await page.find('ion-loading');
|
const loading = await page.find('ion-loading');
|
||||||
expect(loading).not.toBeNull();
|
expect(loading).not.toBeNull();
|
||||||
|
|
||||||
|
await loading.waitForVisible();
|
||||||
|
|
||||||
const compare = await page.compareScreenshot();
|
const compare = await page.compareScreenshot();
|
||||||
expect(compare).toMatchScreenshot();
|
expect(compare).toMatchScreenshot();
|
||||||
});
|
});
|
||||||
|
@ -9,6 +9,8 @@ it('loading: standalone', async () => {
|
|||||||
const loading = await page.find('ion-loading');
|
const loading = await page.find('ion-loading');
|
||||||
expect(loading).not.toBeNull();
|
expect(loading).not.toBeNull();
|
||||||
|
|
||||||
|
await loading.waitForVisible();
|
||||||
|
|
||||||
const compare = await page.compareScreenshot();
|
const compare = await page.compareScreenshot();
|
||||||
expect(compare).toMatchScreenshot();
|
expect(compare).toMatchScreenshot();
|
||||||
});
|
});
|
||||||
|
@ -317,7 +317,6 @@
|
|||||||
|
|
||||||
var isTrue = el[prop] ? false : true;
|
var isTrue = el[prop] ? false : true;
|
||||||
el[prop] = isTrue;
|
el[prop] = isTrue;
|
||||||
console.log('in toggleBoolean, setting', prop, 'to', isTrue);
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</ion-app>
|
</ion-app>
|
||||||
|
@ -79,16 +79,13 @@
|
|||||||
<script>
|
<script>
|
||||||
const menuCtrl = document.querySelector('ion-menu-controller');
|
const menuCtrl = document.querySelector('ion-menu-controller');
|
||||||
function openStart() {
|
function openStart() {
|
||||||
console.log('Open start menu');
|
|
||||||
menuCtrl.open('start');
|
menuCtrl.open('start');
|
||||||
}
|
}
|
||||||
|
|
||||||
function push() {
|
function push() {
|
||||||
console.log('Push page');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function menu() {
|
async function menu() {
|
||||||
console.log('Disable/enable menu');
|
|
||||||
menuCtrl.enable(!await menuCtrl.isEnabled());
|
menuCtrl.enable(!await menuCtrl.isEnabled());
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -79,16 +79,13 @@
|
|||||||
<script>
|
<script>
|
||||||
const menuCtrl = document.querySelector('ion-menu-controller');
|
const menuCtrl = document.querySelector('ion-menu-controller');
|
||||||
function openStart() {
|
function openStart() {
|
||||||
console.log('Open start menu');
|
|
||||||
menuCtrl.open('left');
|
menuCtrl.open('left');
|
||||||
}
|
}
|
||||||
|
|
||||||
function push() {
|
function push() {
|
||||||
console.log('Push page');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function menu() {
|
function menu() {
|
||||||
console.log('Disable/enable menu');
|
|
||||||
menuCtrl.enable(!menuCtrl.isEnabled());
|
menuCtrl.enable(!menuCtrl.isEnabled());
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -102,23 +102,18 @@
|
|||||||
|
|
||||||
var isTrue = el[prop] ? false : true;
|
var isTrue = el[prop] ? false : true;
|
||||||
el[prop] = isTrue;
|
el[prop] = isTrue;
|
||||||
console.log('in toggleBoolean, setting', prop, 'to', isTrue);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleString(id, prop) {
|
function toggleString(id, prop) {
|
||||||
var el = document.getElementById(id);
|
var el = document.getElementById(id);
|
||||||
console.log('INPUT ELE', el);
|
|
||||||
|
|
||||||
var newString = el[prop] === 'dynamic' ? 'changed' : 'dynamic';
|
var newString = el[prop] === 'dynamic' ? 'changed' : 'dynamic';
|
||||||
el[prop] = newString;
|
el[prop] = newString;
|
||||||
console.log('in toggleString, setting', prop, 'to', newString);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearString(id, prop) {
|
function clearString(id, prop) {
|
||||||
var el = document.getElementById(id);
|
var el = document.getElementById(id);
|
||||||
|
|
||||||
el[prop] = '';
|
el[prop] = '';
|
||||||
console.log('in toggleString, setting', prop, 'to', '');
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</ion-app>
|
</ion-app>
|
||||||
|
@ -107,23 +107,18 @@
|
|||||||
|
|
||||||
var isTrue = el[prop] ? false : true;
|
var isTrue = el[prop] ? false : true;
|
||||||
el[prop] = isTrue;
|
el[prop] = isTrue;
|
||||||
console.log('in toggleBoolean, setting', prop, 'to', isTrue);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleString(id, prop) {
|
function toggleString(id, prop) {
|
||||||
var el = document.getElementById(id);
|
var el = document.getElementById(id);
|
||||||
console.log('INPUT ELE', el);
|
|
||||||
|
|
||||||
var newString = el[prop] === 'dynamic' ? 'changed' : 'dynamic';
|
var newString = el[prop] === 'dynamic' ? 'changed' : 'dynamic';
|
||||||
el[prop] = newString;
|
el[prop] = newString;
|
||||||
console.log('in toggleString, setting', prop, 'to', newString);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearString(id, prop) {
|
function clearString(id, prop) {
|
||||||
var el = document.getElementById(id);
|
var el = document.getElementById(id);
|
||||||
|
|
||||||
el[prop] = '';
|
el[prop] = '';
|
||||||
console.log('in toggleString, setting', prop, 'to', '');
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</ion-app>
|
</ion-app>
|
||||||
|
@ -88,7 +88,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function printForm(ev) {
|
function printForm(ev) {
|
||||||
console.log('TODO get working with forms');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleBoolean(id, prop) {
|
function toggleBoolean(id, prop) {
|
||||||
@ -96,7 +96,6 @@
|
|||||||
|
|
||||||
var isTrue = el[prop] ? false : true;
|
var isTrue = el[prop] ? false : true;
|
||||||
el[prop] = isTrue;
|
el[prop] = isTrue;
|
||||||
console.log('in toggleBoolean, setting', prop, 'to', isTrue);
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -87,7 +87,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function printForm(ev) {
|
function printForm(ev) {
|
||||||
console.log('TODO get working with forms');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleBoolean(id, prop) {
|
function toggleBoolean(id, prop) {
|
||||||
@ -95,7 +95,6 @@
|
|||||||
|
|
||||||
var isTrue = el[prop] ? false : true;
|
var isTrue = el[prop] ? false : true;
|
||||||
el[prop] = isTrue;
|
el[prop] = isTrue;
|
||||||
console.log('in toggleBoolean, setting', prop, 'to', isTrue);
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -176,7 +176,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function buttonClick(ev) {
|
function buttonClick(ev) {
|
||||||
console.log('clicked button', ev);
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
@ -240,7 +240,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function buttonClick(ev) {
|
function buttonClick(ev) {
|
||||||
console.log('clicked button', ev);
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
@ -64,12 +64,9 @@
|
|||||||
|
|
||||||
const infiniteScroll = document.getElementById('infinite-scroll');
|
const infiniteScroll = document.getElementById('infinite-scroll');
|
||||||
infiniteScroll.addEventListener('ionInfinite', async function () {
|
infiniteScroll.addEventListener('ionInfinite', async function () {
|
||||||
console.log('Loading data...');
|
|
||||||
const data = await getAsyncData();
|
const data = await getAsyncData();
|
||||||
infiniteScroll.complete();
|
infiniteScroll.complete();
|
||||||
addItems(data);
|
addItems(data);
|
||||||
|
|
||||||
console.log('Done');
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function addItems(append) {
|
function addItems(append) {
|
||||||
|
Reference in New Issue
Block a user