xinyin025/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-08-12 22:31:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): wait out Collapse fade before a11y scan in ConfigBlock story

Browse Source 
Collapse animates opacity in over motionDurationMid; the Collapsed story's
play function only waited for visibility, so the addon-a11y color-contrast
check could sample a mid-fade, lower-contrast frame and fail flakily in CI.
Wait for the panel's opacity to settle to 1 first.
This commit is contained in:
Sanaei
2026-08-12 16:43:57 +02:00
parent 8a8da88548
commit f3f57e66f5
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/clients/ConfigBlock.stories.tsx
+7 -1
View File
@@ -36,11 +36,17 @@ const sampleLink = 'vless://11112222-3333-4444-5555-666677778888@panel.example.c
export const Collapsed: Story = {
args: { label: 'vless', text: sampleLink, fileName: 'client-config.txt' },
play: async ({ canvas, userEvent }) => {
play: async ({ canvas, canvasElement, userEvent }) => {
await expect(canvas.queryByText(/vless:\/\/11112222/)).not.toBeInTheDocument();
await userEvent.click(canvas.getByText('vless'));
const configText = await canvas.findByText(/vless:\/\/11112222/);
await waitFor(() => expect(configText).toBeVisible());
// Collapse fades content in over motionDurationMid; wait it out so the a11y
// scan doesn't sample a mid-transition, lower-contrast opacity.
await waitFor(() => {
const panel = canvasElement.querySelector('.ant-collapse-panel');
expect(panel && getComputedStyle(panel).opacity).toBe('1');
});
await expect(canvas.getByRole('button', { name: 'Copy' })).toBeVisible();
await expect(canvas.getByRole('button', { name: 'Download' })).toBeVisible();
await expect(canvas.getByRole('button', { name: 'QR Code' })).toBeVisible();