diff --git a/explorer/CHANGELOG.md b/explorer/CHANGELOG.md index 7804ceea5a..6e0e8ebf9a 100644 --- a/explorer/CHANGELOG.md +++ b/explorer/CHANGELOG.md @@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added +- Add accessible name to the gas used progress bar [#2037] - Add accessible name to the nav bar button on mobile [#2036] - Implement warning for stale market data [#1892] @@ -30,8 +31,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 [#1892]: https://github.com/dusk-network/rusk/issues/1892 [#2025]: https://github.com/dusk-network/rusk/issues/2025 [#2034]: https://github.com/dusk-network/rusk/issues/2034 -[#2039]: https://github.com/dusk-network/rusk/issues/2039 [#2036]: https://github.com/dusk-network/rusk/issues/2036 +[#2037]: https://github.com/dusk-network/rusk/issues/2037 +[#2039]: https://github.com/dusk-network/rusk/issues/2039 diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap index 8513715446..20115baa53 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap @@ -282,6 +282,7 @@ exports[`Block Details > renders the Block Details component 1`] = ` 580,718
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap index d35a9ca205..4082b281e3 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap @@ -795,6 +795,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -982,6 +983,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -1169,6 +1171,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -1356,6 +1359,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -1543,6 +1547,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -1730,6 +1735,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -1917,6 +1923,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -2104,6 +2111,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -2291,6 +2299,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -2478,6 +2487,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo class="details-list__definition details-list__definition--table" >
@@ -2578,6 +2588,7 @@ exports[`Blocks Card > should disable the \`Show More\` button is the card is in
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap index 11505e3ec4..dc908e87bb 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/BlocksList.spec.js.snap @@ -122,6 +122,7 @@ exports[`Blocks List > renders the Blocks List component 1`] = ` class="details-list__definition details-list__definition--table" >
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/DataCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/DataCard.spec.js.snap index 7475717756..e1f91d91fc 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/DataCard.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/DataCard.spec.js.snap @@ -171,6 +171,7 @@ exports[`DataCard > should render the \`DataCard\` in the loading state 1`] = `
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap index 8fe874c0a9..3d4dc6d1db 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap @@ -28,6 +28,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if the card
diff --git a/explorer/src/lib/components/block-details/BlockDetails.svelte b/explorer/src/lib/components/block-details/BlockDetails.svelte index d6316f3684..66829b6be8 100644 --- a/explorer/src/lib/components/block-details/BlockDetails.svelte +++ b/explorer/src/lib/components/block-details/BlockDetails.svelte @@ -153,6 +153,7 @@ data.transactions.stats.gasLimit) * 100} className="block-details__gas-used" + ariaLabel="Gas Used" /> diff --git a/explorer/src/lib/components/blocks-list/BlocksList.svelte b/explorer/src/lib/components/blocks-list/BlocksList.svelte index e0ae1cb14f..2dcb78ed4b 100644 --- a/explorer/src/lib/components/blocks-list/BlocksList.svelte +++ b/explorer/src/lib/components/blocks-list/BlocksList.svelte @@ -60,6 +60,7 @@ data.transactions.stats.gasLimit) * 100} className="blocks-list__gas-used" + ariaLabel="Gas Used" /> diff --git a/explorer/src/lib/components/data-card/DataCard.svelte b/explorer/src/lib/components/data-card/DataCard.svelte index 0e72163581..f906fad5c9 100644 --- a/explorer/src/lib/components/data-card/DataCard.svelte +++ b/explorer/src/lib/components/data-card/DataCard.svelte @@ -43,7 +43,7 @@ {/if} {#if loading && !data} - + {:else if error || hasEmptyData} {:else if data} diff --git a/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js b/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js index 232d1e0356..82d308db57 100644 --- a/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js +++ b/explorer/src/lib/dusk/components/__tests__/ProgressBar.spec.js @@ -14,7 +14,7 @@ describe("ProgressBar", () => { it("renders the Stepper component with current percentage set as zero", () => { const { container } = render(ProgressBar, { - props: { currentPercentage: 0 }, + props: { ariaLabel: "Loading", currentPercentage: 0 }, }); expect(container.firstChild).toMatchSnapshot(); @@ -22,7 +22,7 @@ describe("ProgressBar", () => { it("re-renders the Stepper component when the current percentage property changes", async () => { const { container, rerender } = render(ProgressBar, { - props: { currentPercentage: 0 }, + props: { ariaLabel: "Loading", currentPercentage: 0 }, }); expect(container.firstChild).toMatchSnapshot(); diff --git a/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap b/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap index 2cd3e49bfa..164423c333 100644 --- a/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap +++ b/explorer/src/lib/dusk/components/__tests__/__snapshots__/ProgressBar.spec.js.snap @@ -2,6 +2,7 @@ exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 1`] = `
@@ -14,6 +15,7 @@ exports[`ProgressBar > re-renders the Stepper component when the current percent exports[`ProgressBar > re-renders the Stepper component when the current percentage property changes 2`] = `
@@ -37,6 +39,7 @@ exports[`ProgressBar > renders the ProgressBar component with no current percent exports[`ProgressBar > renders the Stepper component with current percentage set as zero 1`] = `
diff --git a/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte b/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte index 1060878571..5a5ad0ae4e 100644 --- a/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte +++ b/explorer/src/lib/dusk/components/progress-bar/ProgressBar.svelte @@ -10,10 +10,13 @@ /** @type {string | Undefined} */ export let className = undefined; + /** @type {string} */ + export let ariaLabel; + $: classes = makeClassName(["dusk-progress-bar", className]); -
+
should render the Blocks page, start polling for blocks a
@@ -1137,6 +1138,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -1324,6 +1326,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -1511,6 +1514,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -1698,6 +1702,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -1885,6 +1890,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -2072,6 +2078,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -2259,6 +2266,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -2446,6 +2454,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -2633,6 +2642,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -2820,6 +2830,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -3007,6 +3018,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -3194,6 +3206,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -3381,6 +3394,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -3568,6 +3582,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
@@ -3755,6 +3770,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a class="details-list__definition details-list__definition--table" >
diff --git a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap index 5cd34e5cbf..94914a8e6c 100644 --- a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap @@ -23,6 +23,7 @@ exports[`Block Details > should render the Block Details page and query the nece
@@ -55,6 +56,7 @@ exports[`Block Details > should render the Block Details page and query the nece
@@ -359,6 +361,7 @@ exports[`Block Details > should render the Block Details page and query the nece 580,718
diff --git a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap index 2d32ea34cb..d6f5ad18a8 100644 --- a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap @@ -31,6 +31,7 @@ exports[`Transactions page > should render the Transactions page, start polling
diff --git a/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap index eefc2696a6..f500804ded 100644 --- a/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/transactions/transaction/__tests__/__snapshots__/page.spec.js.snap @@ -20,6 +20,7 @@ exports[`Transaction Details > should render the Transaction details page and qu