chore: tweak fo

Author: mdjastrzebski

src/helpers/format-default.ts

@@ -1,6 +1,7 @@
 import { StyleSheet, ViewStyle } from 'react-native';
 
 const propsToDisplay = [
+  'accessible',
   'accessibilityElementsHidden',
   'accessibilityHint',
   'accessibilityLabel',
@@ -23,9 +24,7 @@ const propsToDisplay = [
   'testID',
   'title',
   'value',
-];
-
-const stylePropsToDisplay = ['display', 'opacity'] as const;
+] as const;
 
 /**
  * Preserve props that are helpful in diagnosing test failures, while stripping rest
@@ -87,14 +86,14 @@ function extractStyle(style: ViewStyle | undefined) {
   }
 
   const result: Record<string, unknown> = {};
-  let hasAnyStyle = false;
+  if (style.display === 'none') {
+    result.display = 'none';
+  }
 
-  stylePropsToDisplay.forEach((styleProp) => {
-    if (styleProp in style) {
-      result[styleProp] = style[styleProp];
-      hasAnyStyle = true;
-    }
-  });
+  if (style.opacity === 0) {
+    result.opacity = 0;
+  }
 
-  return hasAnyStyle ? result : undefined;
+  const hasAnyKeys = Object.keys(result).length > 0;
+  return hasAnyKeys ? result : undefined;
 }

src/matchers/__tests__/to-be-disabled.test.tsx

@@ -57,6 +57,7 @@ test('toBeDisabled/toBeEnabled works with disabled Pressable', () => {
             "disabled": true,
           }
         }
+        accessible={true}
         testID="subject"
       />"
   `);
@@ -72,6 +73,7 @@ test('toBeDisabled/toBeEnabled works with disabled Pressable', () => {
             "disabled": true,
           }
         }
+        accessible={true}
         testID="subject"
       />"
   `);

src/matchers/__tests__/to-be-visible.test.tsx

@@ -30,11 +30,6 @@ test('toBeVisible() on view with opacity', () => {
 
     Received element is visible:
       <View
-        style={
-          {
-            "opacity": 0.2,
-          }
-        }
         testID="view"
       />"
   `);

src/queries/__tests__/a11yState.test.tsx

@@ -263,6 +263,7 @@ test('byA11yState queries support hidden option', () => {
           "expanded": false,
         }
       }
+      accessible={true}
       style={
         {
           "display": "none",

src/queries/__tests__/hintText.test.tsx

@@ -145,6 +145,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityHint="HINT"
+      accessible={true}
     />"
   `);
 
@@ -154,6 +155,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityHint="HINT"
+      accessible={true}
     />"
   `);
 
@@ -163,6 +165,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityHint="HINT"
+      accessible={true}
     />"
   `);
 
@@ -172,6 +175,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityHint="HINT"
+      accessible={true}
     />"
   `);
 });

src/queries/__tests__/labelText.test.tsx

@@ -259,6 +259,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityLabel="LABEL"
+      accessible={true}
     />"
   `);
 
@@ -268,6 +269,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityLabel="LABEL"
+      accessible={true}
     />"
   `);
 
@@ -277,6 +279,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityLabel="LABEL"
+      accessible={true}
     />"
   `);
 
@@ -286,6 +289,7 @@ test('error message renders the element tree, preserving only helpful props', as
 
     <View
       accessibilityLabel="LABEL"
+      accessible={true}
     />"
   `);
 });

src/queries/__tests__/makeQueries.test.tsx

@@ -171,13 +171,7 @@ describe('printing element tree', () => {
     expect(() => getByText(/foo/)).toThrowErrorMatchingInlineSnapshot(`
       "Unable to find an element with text: /foo/
 
-      <View
-        style={
-          {
-            "display": "flex",
-          }
-        }
-      >
+      <View>
         <Text
           style={
             {

src/queries/__tests__/role.test.tsx

@@ -919,6 +919,7 @@ test('byRole queries support hidden option', () => {
 
     <View
       accessibilityRole="button"
+      accessible={true}
       style={
         {
           "display": "none",