test(tabs): added axe tree test for aria selected state (#2886)

* test(tabs): added axe tree test for aria selected state * test(tabs): updated axe tree tests to use ax helpers
patternfly · Dec 11, 2024 · 62b9312 · 62b9312
1 parent 5940f37
commit 62b9312
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/elements/pf-tabs/test/pf-tabs.spec.ts b/elements/pf-tabs/test/pf-tabs.spec.ts
@@ -241,6 +241,10 @@ describe('<pf-tabs>', function() {
             expect(second).to.have.attribute('active');
             expect(third).to.not.have.attribute('active');
           });
+
+          it('should specify the selected tab to assistive technology', async function() {
+            expect(await a11ySnapshot()).to.axContainQuery({ role: 'tabpanel', name: 'tab-2' });
+          });
         });
 
         describe('pressing ArrowLeft', function() {
@@ -254,6 +258,11 @@ describe('<pf-tabs>', function() {
             expect(second).to.not.have.attribute('active');
             expect(third).to.have.attribute('active');
           });
+
+          it('should specify the selected tab to assistive technology', async function() {
+            expect(await a11ySnapshot()).to.axContainQuery({ role: 'tabpanel', name: 'tab-3' });
+          });
+
           describe('then pressing ArrowRight', function() {
             beforeEach(async function() {
               await sendKeys({ down: 'ArrowRight' });
@@ -267,6 +276,10 @@ describe('<pf-tabs>', function() {
               expect(second).to.not.have.attribute('active');
               expect(third).to.not.have.attribute('active');
             });
+
+            it('should specify the selected tab to assistive technology', async function() {
+              expect(await a11ySnapshot()).to.axContainQuery({ role: 'tabpanel', name: 'tab-1' });
+            });
           });
         });
       });