From 61829c09c94d8a86e4a2ebc72a552ef9ec293293 Mon Sep 17 00:00:00 2001 From: Max Skanvik <179694889+max-umain@users.noreply.github.com> Date: Tue, 14 Jan 2025 11:57:49 +0100 Subject: [PATCH] test(tooltip): move non-screenshot tests to not run for all style configurations --- ...nders-default-footer-correctly-1-linux.png | Bin 9101 -> 9151 bytes .../tooltip/test/click/tooltip.e2e.ts | 68 ++++++++++-------- .../tooltip/test/default/tooltip.e2e.ts | 44 +++++++----- 3 files changed, 62 insertions(+), 50 deletions(-) diff --git a/packages/core/src/components/footer/test/default/footer.e2e.ts-snapshots/tds-footer-default-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/footer.e2e.ts-snapshots/tds-footer-default-renders-default-footer-correctly-1-linux.png index 6e1088b4152c17a4af2b5b038a8f6130df4dadeb..4452fed41d6016b64285c4ca4a1471e6475253a3 100644 GIT binary patch delta 4990 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 { await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); - test('Should not appear on hover', async ({ page }) => { - // Select the button that triggers the tooltip on click - const button = page.locator('tds-button#button-3'); - - await button.hover(); - - const tooltipText = page.locator('text=Text inside Tooltip'); - - // Assert that the tooltip is visible after clicking the button - await expect(tooltipText).toBeHidden(); - }); - test('Should appears on button click', async ({ page }) => { // Select the button that triggers the tooltip on click const button = page.locator('tds-button#button-3'); @@ -44,32 +32,50 @@ testConfigurations.basic.forEach((config) => { await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); + }); +}); - test('Should contain correct HTML content on click', async ({ page }) => { - // Hover over the button to trigger the tooltip - const button = page.locator('tds-button#button-3'); - await button.click(); +test.describe.parallel(componentName, () => { + test.beforeEach(async ({ page }) => { + await page.goto(componentTestPath); + }); - const tooltipParagraph = page.locator('.tooltip-paragraph'); + test('Should not appear on hover', async ({ page }) => { + // Select the button that triggers the tooltip on click + const button = page.locator('tds-button#button-3'); - // Verify the paragraph is visible as part of the tooltip - await expect(tooltipParagraph).toBeVisible(); + await button.hover(); - // Fetch the inner HTML of the tooltip paragraph - let innerHtml = await tooltipParagraph.innerHTML(); + const tooltipText = page.locator('text=Text inside Tooltip'); - // Remove class attributes from the inner HTML for comparison - innerHtml = innerHtml.replace(/ class="[^"]*"/g, '').trim(); + // Assert that the tooltip is visible after clicking the button + await expect(tooltipText).toBeHidden(); + }); - // Normalize whitespace in the inner HTML for comparison - innerHtml = innerHtml.replace(/\s+/g, ' ').trim(); + test('Should contain correct HTML content on click', async ({ page }) => { + // Hover over the button to trigger the tooltip + const button = page.locator('tds-button#button-3'); + await button.click(); - // Define the expected HTML content, ensuring to trim any potential whitespace for a precise match - const expectedHtmlContent = - 'Paragraph tag inside of Tooltip with bold and italic tags too.'; + const tooltipParagraph = page.locator('.tooltip-paragraph'); - // Perform the comparison to verify the tooltip's content - expect(innerHtml).toEqual(expectedHtmlContent); - }); + // Verify the paragraph is visible as part of the tooltip + await expect(tooltipParagraph).toBeVisible(); + + // Fetch the inner HTML of the tooltip paragraph + let innerHtml = await tooltipParagraph.innerHTML(); + + // Remove class attributes from the inner HTML for comparison + innerHtml = innerHtml.replace(/ class="[^"]*"/g, '').trim(); + + // Normalize whitespace in the inner HTML for comparison + innerHtml = innerHtml.replace(/\s+/g, ' ').trim(); + + // Define the expected HTML content, ensuring to trim any potential whitespace for a precise match + const expectedHtmlContent = + 'Paragraph tag inside of Tooltip with bold and italic tags too.'; + + // Perform the comparison to verify the tooltip's content + expect(innerHtml).toEqual(expectedHtmlContent); }); }); diff --git a/packages/core/src/components/tooltip/test/default/tooltip.e2e.ts b/packages/core/src/components/tooltip/test/default/tooltip.e2e.ts index e87e21dab..cf6488dca 100644 --- a/packages/core/src/components/tooltip/test/default/tooltip.e2e.ts +++ b/packages/core/src/components/tooltip/test/default/tooltip.e2e.ts @@ -33,32 +33,38 @@ testConfigurations.basic.forEach((config) => { await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); + }); +}); - test('tooltip contains correct HTML content on hover', async ({ page }) => { - // Hover over the button to trigger the tooltip - const button = page.locator('tds-button#button-1'); - await button.hover(); +test.describe.parallel(componentName, () => { + test.beforeEach(async ({ page }) => { + await page.goto(componentTestPath); + }); - const tooltipParagraph = page.locator('.tooltip-paragraph'); + test('tooltip contains correct HTML content on hover', async ({ page }) => { + // Hover over the button to trigger the tooltip + const button = page.locator('tds-button#button-1'); + await button.hover(); - // Verify the paragraph is visible as part of the tooltip - await expect(tooltipParagraph).toBeVisible(); + const tooltipParagraph = page.locator('.tooltip-paragraph'); - // Fetch the inner HTML of the tooltip paragraph - let innerHtml = await tooltipParagraph.innerHTML(); + // Verify the paragraph is visible as part of the tooltip + await expect(tooltipParagraph).toBeVisible(); - // Normalize whitespace in the inner HTML for comparison - innerHtml = innerHtml.replace(/\s+/g, ' ').trim(); + // Fetch the inner HTML of the tooltip paragraph + let innerHtml = await tooltipParagraph.innerHTML(); - // Remove class attributes from the inner HTML - innerHtml = innerHtml.replace(/ class="[^"]*"/g, ''); + // Normalize whitespace in the inner HTML for comparison + innerHtml = innerHtml.replace(/\s+/g, ' ').trim(); - // Define the expected HTML content, ensuring to trim any potential whitespace for a precise match - const expectedHtmlContent = - 'Paragraph tag inside of Tooltip with bold and italic tags too.'; + // Remove class attributes from the inner HTML + innerHtml = innerHtml.replace(/ class="[^"]*"/g, ''); - // Perform the comparison to verify the tooltip's content - expect(innerHtml).toEqual(expectedHtmlContent); - }); + // Define the expected HTML content, ensuring to trim any potential whitespace for a precise match + const expectedHtmlContent = + 'Paragraph tag inside of Tooltip with bold and italic tags too.'; + + // Perform the comparison to verify the tooltip's content + expect(innerHtml).toEqual(expectedHtmlContent); }); });