unskipping a11y painless lab test (#127082)

* unskipping a11y painless lab test

* focusable element

* adding an extra step to get the element in focus

* changes to make it work

* introduce an retry loop

Co-authored-by: Kibana Machine <[email protected]>
(cherry picked from commit 1493348)

Author: rashmivkulkarni

x-pack/plugins/painless_lab/public/application/components/output_pane/context_tab.tsx

@@ -69,6 +69,7 @@ export const ContextTab: FunctionComponent = () => {
           itemLayoutAlign="top"
           hasDividers
           fullWidth
+          data-test-subj="painlessContextDropDown"
         />
       </EuiFormRow>
 

x-pack/test/accessibility/apps/painless_lab.ts

@@ -12,6 +12,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const testSubjects = getService('testSubjects');
   const find = getService('find');
   const a11y = getService('a11y');
+  const retry = getService('retry');
 
   describe('Accessibility Painless Lab Editor', () => {
     before(async () => {
@@ -39,28 +40,45 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await a11y.testAppSnapshot();
     });
 
-    // github.com/elastic/kibana/issues/75876
-    it.skip('click on the context button', async () => {
+    it('click on the context button', async () => {
       const painlessTabsContext = await find.byCssSelector(
         '[data-test-subj="painlessTabs"] #context'
       );
       await painlessTabsContext.click();
       await a11y.testAppSnapshot();
     });
 
-    it.skip('click on the Basic button', async () => {
+    it('click on the Basic button', async () => {
+      await testSubjects.click('painlessContextDropDown');
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
       await testSubjects.click('basicButtonDropdown');
-      await a11y.testAppSnapshot();
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
     });
 
-    it.skip('click on the Filter button', async () => {
+    it('click on the Filter button', async () => {
+      await testSubjects.click('painlessContextDropDown');
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
       await testSubjects.click('filterButtonDropdown');
-      await a11y.testAppSnapshot();
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
     });
 
-    it.skip('click on the Score button', async () => {
+    it('click on the Score button', async () => {
+      await testSubjects.click('painlessContextDropDown');
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
       await testSubjects.click('scoreButtonDropdown');
-      await a11y.testAppSnapshot();
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
     });
   });
 }