test: (PointsTile) Update accessbilityRole to role

white-label-loyalty · Jan 26, 2025 · 45334a7 · 45334a7
1 parent f4194a0
commit 45334a7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   preset: 'react-native',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'd.ts'],
   transform: {
     '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
     '^.+\\.svg$': 'jest-transform-stub',
@@ -12,6 +12,7 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|webp|svg)$': 'jest-transform-stub',
   },
   testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.[jt]sx?$',
+  testPathIgnorePatterns: ['/node_modules/', '/dist/', '\\.d\\.ts$'],
   coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
   transformIgnorePatterns: [
     'node_modules/(?!(react-native|react-native-web|@react-native|@react-native-community|@react-navigation)/)',

diff --git a/lib/components/organisms/PointsTile/__tests__/__snapshots__/PointsTile.spec.tsx.snap b/lib/components/organisms/PointsTile/__tests__/__snapshots__/PointsTile.spec.tsx.snap
@@ -39,11 +39,11 @@ exports[`PointsTile renders and matches snapshot 1`] = `
       <div
         class="css-view-175oi2r r-alignItems-1habvwh r-flexDirection-eqz5dr r-justifyContent-1h0z5md r-width-13qz1uu"
       >
-        <h1
+        <header
           aria-label="Available Points"
           class="css-view-175oi2r"
           data-testid="points-tile-title"
-          role="heading"
+          role="banner"
         >
           <div
             class="css-text-146c3p1"
@@ -52,7 +52,7 @@ exports[`PointsTile renders and matches snapshot 1`] = `
           >
             Available Points
           </div>
-        </h1>
+        </header>
         <div
           aria-label="Points value: 1000  pts"
           class="css-view-175oi2r"

diff --git a/lib/components/organisms/PointsTile/points-tile-title.tsx b/lib/components/organisms/PointsTile/points-tile-title.tsx
@@ -11,11 +11,11 @@ export const PointsTileTitle = (): JSX.Element | null => {
   if (!title) return null;
 
   return (
-    <View 
-      testID="points-tile-title" 
-      accessible 
+    <View
+      testID="points-tile-title"
+      accessible
       accessibilityLabel={title}
-      accessibilityRole="header"
+      role="banner"
     >
       <Text
         variant="eyebrow"