Skip to content

Commit 3d62d93

Browse files
HappyKnucklesHappyKnuckles
committed
run lint
1 parent ada35da commit 3d62d93

File tree

2 files changed

+46
-53
lines changed

2 files changed

+46
-53
lines changed

‎core/src/components/content/test/auto-offset/content.e2e.ts‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { test, configs } from '@utils/test/playwright';
33

44
configs({ modes: ['ios'] }).forEach(({ title, screenshot, config }) => {
55
test.describe(title('content: auto offset'), () => {
6-
76
test('should not have visual regressions', async ({ page }) => {
87
await page.goto(`/src/components/content/test/auto-offset`, config);
98
await page.setIonViewport();
@@ -15,9 +14,7 @@ configs({ modes: ['ios'] }).forEach(({ title, screenshot, config }) => {
1514
await page.setIonViewport();
1615

1716
const content = page.locator('ion-content');
18-
const before = await content.evaluate((el: HTMLElement) =>
19-
getComputedStyle(el).getPropertyValue('--offset-top')
20-
);
17+
const before = await content.evaluate((el: HTMLElement) => getComputedStyle(el).getPropertyValue('--offset-top'));
2118

2219
await page.click('#expand-header-btn');
2320

@@ -47,6 +44,5 @@ configs({ modes: ['ios'] }).forEach(({ title, screenshot, config }) => {
4744

4845
await expect(page).toHaveScreenshot(screenshot(`content-auto-offset-footer-updated`));
4946
});
50-
5147
});
52-
});
48+
});

‎core/src/components/content/test/auto-offset/index.html‎

Lines changed: 44 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,58 @@
11
<!DOCTYPE html>
22
<html lang="en" dir="ltr">
3-
4-
<head>
5-
<meta charset="UTF-8" />
6-
<title>Content - Auto Offset</title>
7-
<meta
8-
name="viewport"
9-
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
10-
/>
11-
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
12-
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
13-
<script src="../../../../../scripts/testing/scripts.js"></script>
14-
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
15-
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
16-
</head>
17-
18-
<body>
19-
<ion-app mode="ios">
20-
<ion-header translucent>
21-
<ion-toolbar>
22-
<ion-title>Auto Offset Test</ion-title>
23-
</ion-toolbar>
24-
<ion-toolbar id="extra-header-content" style="display: none">
25-
<ion-searchbar label="dynamic"></ion-searchbar>
26-
</ion-toolbar>
27-
</ion-header>
28-
29-
<ion-content fullscreen style="--background: blue">
30-
<button id="expand-header-btn">Expand Header</button>
31-
<br><br>
32-
<button id="expand-footer-btn">Expand Footer</button>
33-
34-
</ion-content>
35-
36-
<ion-footer translucent>
37-
<ion-toolbar id="extra-footer-content" style="display: none">
38-
<div class="ion-padding">Expanded Footer Area</div>
39-
</ion-toolbar>
40-
<ion-toolbar>
41-
<ion-title>Footer</ion-title>
42-
</ion-toolbar>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Content - Auto Offset</title>
6+
<meta
7+
name="viewport"
8+
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
9+
/>
10+
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
11+
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
12+
<script src="../../../../../scripts/testing/scripts.js"></script>
13+
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
14+
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
15+
</head>
16+
17+
<body>
18+
<ion-app mode="ios">
19+
<ion-header translucent>
20+
<ion-toolbar>
21+
<ion-title>Auto Offset Test</ion-title>
22+
</ion-toolbar>
23+
<ion-toolbar id="extra-header-content" style="display: none">
24+
<ion-searchbar label="dynamic"></ion-searchbar>
25+
</ion-toolbar>
26+
</ion-header>
27+
28+
<ion-content fullscreen style="--background: blue">
29+
<button id="expand-header-btn">Expand Header</button>
30+
<br /><br />
31+
<button id="expand-footer-btn">Expand Footer</button>
32+
</ion-content>
33+
34+
<ion-footer translucent>
35+
<ion-toolbar id="extra-footer-content" style="display: none">
36+
<div class="ion-padding">Expanded Footer Area</div>
37+
</ion-toolbar>
38+
<ion-toolbar>
39+
<ion-title>Footer</ion-title>
40+
</ion-toolbar>
4341
</ion-footer>
44-
</ion-app>
45-
<script>
42+
</ion-app>
43+
<script>
4644
const headerBtn = document.getElementById('expand-header-btn');
4745
const footerBtn = document.getElementById('expand-footer-btn');
4846
const extraHeaderToolBar = document.getElementById('extra-header-content');
4947
const extraFooterToolbar = document.getElementById('extra-footer-content');
5048

5149
headerBtn.addEventListener('click', () => {
52-
extraHeaderToolBar.style.display = "flex";
50+
extraHeaderToolBar.style.display = 'flex';
5351
});
5452

5553
footerBtn.addEventListener('click', () => {
56-
extraFooterToolbar.style.display = "flex";
54+
extraFooterToolbar.style.display = 'flex';
5755
});
5856
</script>
59-
</body>
60-
61-
</html>
57+
</body>
58+
</html>

0 commit comments

Comments
 (0)