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

test(many): remove unnecessary standalone tests (#26047)

Browse Source
This commit is contained in:
Amanda Johnston
2022-09-29 16:16:22 -05:00
committed by GitHub
parent cd6050a34b
commit 294dc66294
214 changed files with 0 additions and 2308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
core/src/components/tabs/test/standalone/e2e.ts
View File

@ -1,26 +0,0 @@
import { newE2EPage } from '@stencil/core/testing';
test('tabs: standalone', async () => {
const page = await newE2EPage({
url: '/src/components/tabs/test/standalone?ionic:_testing=true',
});
const compares = [];
// Initial page load
compares.push(await page.compareScreenshot());
let tabButton = await page.find('#tab-button-tab-one');
await tabButton.click();
compares.push(await page.compareScreenshot(`tab one`));
tabButton = await page.find('#tab-button-tab-two');
await tabButton.click();
compares.push(await page.compareScreenshot(`tab two`));
for (const compare of compares) {
expect(compare).toMatchScreenshot();
}
});

85
core/src/components/tabs/test/standalone/index.html
View File

@ -1,85 +0,0 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>Tabs - 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"
/>
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
</head>
<body>
<ion-tabs>
<ion-tab tab="tab-one">
<div class="content-div div-one">
<h2>Tab One</h2>
</div>
</ion-tab>
<ion-tab tab="tab-two">
<div class="content-div div-two">
<h2>Tab Two</h2>
</div>
</ion-tab>
<ion-tab tab="tab-three">
<div class="content-div div-three">
<h2>Tab Three</h2>
</div>
</ion-tab>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab-one">
<ion-label>Tab One</ion-label>
<ion-icon name="star"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="tab-two">
<ion-label>Tab Two</ion-label>
<ion-icon name="globe"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="tab-three">
<ion-label>Tab Three</ion-label>
<ion-icon name="call"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
<style>
.content-div {
height: 100%;
padding: 16px;
color: white;
}
.div-one {
background-color: #775b94;
}
.div-two {
background-color: #ac4f8b;
}
.div-three {
background-color: #4f6cac;
}
</style>
<script>
customElements.whenDefined('ion-tabs').then(async () => {
const tabs = document.querySelector('ion-tabs');
if (tabs.componentOnReady) {
await tabs.componentOnReady();
}
await tabs.select('tab-three');
});
</script>
</body>
</html>