chore: update tests

Author: caseyisonit

packages/button/test/button.test.ts

@@ -395,32 +395,23 @@ describe('Button', () => {
 
         it('manages aria-label from pending state', async () => {
             const el = await fixture<Button>(html`
-                <sp-button
-                    href="test_url"
-                    target="_blank"
-                    label="clickable"
-                    pending
-                >
+                <sp-button href="test_url" target="_blank" label="clickable">
                     Click me
                 </sp-button>
             `);
             await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('Pending');
+            expect(el.getAttribute('aria-label')).to.equal('clickable');
 
-            // button set to disabled while pending is true and the aria-label should be original
-            el.disabled = true;
+            // button set to pending and aria-label should update
+            el.pending = true;
             await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('clickable');
+            expect(el.pending).to.be.true;
+            expect(el.getAttribute('aria-label')).to.equal('Pending');
 
             // pending is removed and the aria-label should not change as the button is disabled
             el.pending = false;
             await elementUpdated(el);
             expect(el.getAttribute('aria-label')).to.equal('clickable');
-
-            // button is enabled and the aria-label should not change
-            el.disabled = false;
-            await elementUpdated(el);
-            expect(el.getAttribute('aria-label')).to.equal('clickable');
         });
 
         it('updates aria-label when label changes', async () => {

tools/reactive-controllers/test/pending-state.test.ts

@@ -83,7 +83,7 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext=${pendingLabel}
+                    aria-label=${pendingLabel}
                     class="progress-circle"
                 ></sp-progress-circle>
             `);
@@ -103,7 +103,7 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext="Pending"
+                    aria-label="Pending"
                     class="progress-circle"
                 ></sp-progress-circle>
             `);
@@ -147,7 +147,7 @@ describe('PendingStateController', () => {
                     id="loader"
                     size="s"
                     indeterminate
-                    aria-valuetext="Pending"
+                    aria-label="Pending"
                     class="progress-circle"
                 ></sp-progress-circle>
             `);