Open Tooltip in form control visual tests (#759)

Author: clintcs

src/checkbox-group.test.visuals.ts

@@ -77,6 +77,8 @@ for (const story of stories['Checkbox Group']) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/checkbox.test.visuals.ts

@@ -195,6 +195,8 @@ for (const story of stories.Checkbox) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/dropdown.test.visuals.ts

@@ -182,6 +182,8 @@ for (const story of stories.Dropdown) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/input.test.visuals.ts

@@ -147,6 +147,8 @@ for (const story of stories.Input) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/radio-group.test.visuals.ts

@@ -74,6 +74,8 @@ for (const story of stories['Radio Group']) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/textarea.test.visuals.ts

@@ -135,6 +135,8 @@ for (const story of stories.Textarea) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );

src/toggle.test.visuals.ts

@@ -105,6 +105,8 @@ for (const story of stories.Toggle) {
               element.tooltip = 'Tooltip';
             });
 
+          await page.locator('glide-core-tooltip').getByRole('button').focus();
+
           await expect(page).toHaveScreenshot(
             `${test.titlePath.join('.')}.png`,
           );