@hero-design/rn 8.101.2 → 8.101.3-alpha.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3313) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:4149) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
@@ -15,9 +15,9 @@ node_modules/d3-selection/src/selection/index.js -> node_modules/d3-selection/sr
                                      ~~~~~~~~~~~~~~~~~~~
 
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 1m 10.7s
+created lib/index.js, es/index.js in 1m 11.2s
 
 /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
 (!) Generated empty chunks
 "locales/types" and "locales/types"
-created ., . in 22.5s
+created ., . in 25.9s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.101.3-alpha.0
+
+### Patch Changes
+
+- [`4de62c1c0bda0ef6f78a9c93956192641b6e9eea`](https://github.com/Thinkei/hero-design/commit/4de62c1c0bda0ef6f78a9c93956192641b6e9eea) Thanks [@cuongnguyeneh](https://github.com/cuongnguyeneh)! - chore: update testId of native text input
+
 ## 8.101.2
 
 ### Patch Changes

package/es/index.js

@@ -20175,12 +20175,13 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     }, [style, theme]),
     backgroundColor = _useMemo2.backgroundColor,
     styleWithoutBackgroundColor = _useMemo2.styleWithoutBackgroundColor;
+  var nativeInputTestIDSuffix = testID ? "-".concat(testID) : '';
   var nativeInputProps = _objectSpread2(_objectSpread2({
     style: StyleSheet$1.flatten([{
       backgroundColor: backgroundColor,
       color: theme.__hd__.textInput.colors.text
     }, textStyleWithoutBorderStyle]),
-    testID: 'text-input',
+    testID: "text-input".concat(nativeInputTestIDSuffix),
     accessibilityState: {
       disabled: state === 'disabled' || state === 'readonly'
     },

package/lib/index.js

@@ -20204,12 +20204,13 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     }, [style, theme]),
     backgroundColor = _useMemo2.backgroundColor,
     styleWithoutBackgroundColor = _useMemo2.styleWithoutBackgroundColor;
+  var nativeInputTestIDSuffix = testID ? "-".concat(testID) : '';
   var nativeInputProps = _objectSpread2(_objectSpread2({
     style: reactNative.StyleSheet.flatten([{
       backgroundColor: backgroundColor,
       color: theme.__hd__.textInput.colors.text
     }, textStyleWithoutBorderStyle]),
-    testID: 'text-input',
+    testID: "text-input".concat(nativeInputTestIDSuffix),
     accessibilityState: {
       disabled: state === 'disabled' || state === 'readonly'
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.101.2",
+  "version": "8.101.3-alpha.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1185,7 +1185,7 @@ exports[`TextInput disabled renders correctly 1`] = `
               },
             ]
           }
-          testID="text-input"
+          testID="text-input-disabled-text-input"
           themeVariant="text"
           value="100"
         />
@@ -2320,7 +2320,7 @@ exports[`TextInput idle renders correctly 1`] = `
               },
             ]
           }
-          testID="text-input"
+          testID="text-input-idle-text-input"
           themeVariant="text"
         />
       </View>

package/src/components/TextInput/__tests__/index.spec.tsx

@@ -54,7 +54,9 @@ describe('TextInput', () => {
       expect(toJSON()).toMatchSnapshot();
       expect(getByTestId('idle-text-input')).toBeTruthy();
       expect(
-        within(getByTestId('idle-text-input')).queryAllByTestId('text-input')
+        within(getByTestId('idle-text-input')).queryAllByTestId(
+          'text-input-idle-text-input'
+        )
       ).toHaveLength(1);
       expect(
         within(getByTestId('idle-text-input')).queryAllByText('Amount (AUD)')
@@ -69,7 +71,9 @@ describe('TextInput', () => {
         within(getByTestId('idle-text-input')).queryAllByTestId('input-suffix')
       ).toHaveLength(1);
 
-      expect(getByTestId('text-input').props.placeholder).toBe(' ');
+      expect(getByTestId('text-input-idle-text-input').props.placeholder).toBe(
+        ' '
+      );
     });
 
     it('should not render input-label if label is empty', () => {
@@ -104,7 +108,7 @@ describe('TextInput', () => {
       );
 
       const testInput = within(getByTestId('idle-text-input')).getByTestId(
-        'text-input'
+        'text-input-idle-text-input'
       );
 
       fireEvent.changeText(testInput, 'Thong Quach');
@@ -305,13 +309,18 @@ describe('TextInput', () => {
       expect(toJSON()).toMatchSnapshot();
       expect(queryAllByText('Amount (AUD)')).toHaveLength(1);
       expect(queryAllByTestId('input-label')).toHaveLength(1);
-      expect(queryAllByTestId('text-input')).toHaveLength(1);
+      expect(queryAllByTestId('text-input-disabled-text-input')).toHaveLength(
+        1
+      );
       expect(getByTestId('disabled-text-input')).toHaveProp(
         'pointerEvents',
         'none'
       );
 
-      expect(getByTestId('text-input')).not.toHaveProp('multiline', 'true');
+      expect(getByTestId('text-input-disabled-text-input')).not.toHaveProp(
+        'multiline',
+        'true'
+      );
     });
   });
 
@@ -560,7 +569,7 @@ describe('renderInput', () => {
         {renderInput({
           variant: 'textarea',
           nativeInputProps: {
-            testID: 'text-input',
+            testID: 'text-input-idle-text-input',
             value: 'text input value',
           },
           theme,
@@ -568,7 +577,9 @@ describe('renderInput', () => {
       </>
     );
 
-    expect(wrapper.queryAllByTestId('text-input')).toHaveLength(1);
+    expect(wrapper.queryAllByTestId('text-input-idle-text-input')).toHaveLength(
+      1
+    );
     expect(wrapper.queryAllByDisplayValue('text input value')).toHaveLength(1);
   });
 });

package/src/components/TextInput/index.tsx

@@ -397,6 +397,8 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
       };
     }, [style, theme]);
 
+    const nativeInputTestIDSuffix = testID ? `-${testID}` : '';
+
     const nativeInputProps: NativeTextInputProps = {
       style: StyleSheet.flatten([
         {
@@ -405,7 +407,7 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
         },
         textStyleWithoutBorderStyle,
       ]),
-      testID: 'text-input',
+      testID: `text-input${nativeInputTestIDSuffix}`,
       accessibilityState: {
         disabled: state === 'disabled' || state === 'readonly',
       },