Skip to content

Commit c605440

Browse files
JoaoFerreira-FrontEndJoaoFerreira-FrontEnd
committed
- fix duplicated test;
1 parent 0596d4d commit c605440

File tree

1 file changed

+70
-70
lines changed

1 file changed

+70
-70
lines changed

‎core/src/components/segment-view/test/basic/segment-view.e2e.ts‎

Lines changed: 70 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -88,86 +88,86 @@ configs({ modes: ['md'] }).forEach(({ title, config }) => {
8888
const segmentContent = page.locator('ion-segment-content[id="top"]');
8989
await expect(segmentContent).toBeInViewport();
9090
});
91-
});
9291

93-
test('should set correct segment button as checked when changing the value by scrolling the segment content', async ({
94-
page,
95-
}) => {
96-
await page.setContent(
97-
`
98-
<ion-segment value="free">
99-
<ion-segment-button content-id="paid" value="paid">
100-
<ion-label>Paid</ion-label>
101-
</ion-segment-button>
102-
<ion-segment-button content-id="free" value="free">
103-
<ion-label>Free</ion-label>
104-
</ion-segment-button>
105-
<ion-segment-button content-id="top" value="top">
106-
<ion-label>Top</ion-label>
107-
</ion-segment-button>
108-
</ion-segment>
109-
<ion-segment-view>
110-
<ion-segment-content id="paid">Paid</ion-segment-content>
111-
<ion-segment-content id="free">Free</ion-segment-content>
112-
<ion-segment-content id="top">Top</ion-segment-content>
113-
</ion-segment-view>
114-
`,
115-
config
116-
);
117-
118-
await page
119-
.locator('ion-segment-view')
120-
.evaluate(
121-
(segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
92+
test('should set correct segment button as checked when changing the value by scrolling the segment content', async ({
93+
page,
94+
}) => {
95+
await page.setContent(
96+
`
97+
<ion-segment value="free">
98+
<ion-segment-button content-id="paid" value="paid">
99+
<ion-label>Paid</ion-label>
100+
</ion-segment-button>
101+
<ion-segment-button content-id="free" value="free">
102+
<ion-label>Free</ion-label>
103+
</ion-segment-button>
104+
<ion-segment-button content-id="top" value="top">
105+
<ion-label>Top</ion-label>
106+
</ion-segment-button>
107+
</ion-segment>
108+
<ion-segment-view>
109+
<ion-segment-content id="paid">Paid</ion-segment-content>
110+
<ion-segment-content id="free">Free</ion-segment-content>
111+
<ion-segment-content id="top">Top</ion-segment-content>
112+
</ion-segment-view>
113+
`,
114+
config
122115
);
123116

124-
await page.waitForChanges();
117+
await page
118+
.locator('ion-segment-view')
119+
.evaluate(
120+
(segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
121+
);
125122

126-
await page.locator('ion-segment-content[id="top"]').scrollIntoViewIfNeeded();
123+
await page.waitForChanges();
127124

128-
const segmentButton = page.locator('ion-segment-button[value="top"]');
129-
await expect(segmentButton).toHaveClass(/segment-button-checked/);
130-
});
125+
await page.locator('ion-segment-content[id="top"]').scrollIntoViewIfNeeded();
126+
127+
const segmentButton = page.locator('ion-segment-button[value="top"]');
128+
await expect(segmentButton).toHaveClass(/segment-button-checked/);
129+
});
131130

132-
test('should set correct segment button as checked and show correct content when programmatically setting the segment vale', async ({
133-
page,
134-
}) => {
135-
await page.setContent(
136-
`
137-
<ion-segment value="free">
138-
<ion-segment-button content-id="paid" value="paid">
139-
<ion-label>Paid</ion-label>
140-
</ion-segment-button>
141-
<ion-segment-button content-id="free" value="free">
142-
<ion-label>Free</ion-label>
143-
</ion-segment-button>
144-
<ion-segment-button content-id="top" value="top">
145-
<ion-label>Top</ion-label>
146-
</ion-segment-button>
147-
</ion-segment>
148-
<ion-segment-view>
149-
<ion-segment-content id="paid">Paid</ion-segment-content>
150-
<ion-segment-content id="free">Free</ion-segment-content>
151-
<ion-segment-content id="top">Top</ion-segment-content>
152-
</ion-segment-view>
153-
`,
154-
config
155-
);
156-
157-
await page
158-
.locator('ion-segment-view')
159-
.evaluate(
160-
(segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
131+
test('should set correct segment button as checked and show correct content when programmatically setting the segment vale', async ({
132+
page,
133+
}) => {
134+
await page.setContent(
135+
`
136+
<ion-segment value="free">
137+
<ion-segment-button content-id="paid" value="paid">
138+
<ion-label>Paid</ion-label>
139+
</ion-segment-button>
140+
<ion-segment-button content-id="free" value="free">
141+
<ion-label>Free</ion-label>
142+
</ion-segment-button>
143+
<ion-segment-button content-id="top" value="top">
144+
<ion-label>Top</ion-label>
145+
</ion-segment-button>
146+
</ion-segment>
147+
<ion-segment-view>
148+
<ion-segment-content id="paid">Paid</ion-segment-content>
149+
<ion-segment-content id="free">Free</ion-segment-content>
150+
<ion-segment-content id="top">Top</ion-segment-content>
151+
</ion-segment-view>
152+
`,
153+
config
161154
);
162155

163-
await page.waitForChanges();
156+
await page
157+
.locator('ion-segment-view')
158+
.evaluate(
159+
(segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
160+
);
161+
162+
await page.waitForChanges();
164163

165-
await page.locator('ion-segment').evaluate((segment: HTMLIonSegmentElement) => (segment.value = 'top'));
164+
await page.locator('ion-segment').evaluate((segment: HTMLIonSegmentElement) => (segment.value = 'top'));
166165

167-
const segmentButton = page.locator('ion-segment-button[value="top"]');
168-
await expect(segmentButton).toHaveClass(/segment-button-checked/);
166+
const segmentButton = page.locator('ion-segment-button[value="top"]');
167+
await expect(segmentButton).toHaveClass(/segment-button-checked/);
169168

170-
const segmentContent = page.locator('ion-segment-content[id="top"]');
171-
await expect(segmentContent).toBeInViewport();
169+
const segmentContent = page.locator('ion-segment-content[id="top"]');
170+
await expect(segmentContent).toBeInViewport();
171+
});
172172
});
173173
});

0 commit comments

Comments
 (0)