Profiles: Fix ENS expanded state edit button (#3896)

* Fix ENS expanded state edit button * e2e * fix e2e
rainbow-me · Aug 5, 2022 · e32c675 · e32c675
1 parent dfb7e90
commit e32c675
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/e2e/registerENSFlow.spec.js b/e2e/registerENSFlow.spec.js
@@ -294,6 +294,12 @@ describe('Register ENS Flow', () => {
     await Helpers.waitAndTap('wrapped-nft-rainbowtestwallet.eth');
   });
 
+  it('Should be able to navigate to the Edit screen', async () => {
+    await Helpers.waitAndTap('edit-action-button');
+    await Helpers.checkIfVisible('ens-assign-records-sheet');
+    await Helpers.swipe('ens-assign-records-sheet', 'down');
+  });
+
   it('Should use rainbowtestwallet.eth as primary name', async () => {
     await Helpers.swipe('unique-token-expanded-state', 'up', 'slow');
     await Helpers.waitAndTap('ens-reverse-record-switch');

diff --git a/src/components/expanded-state/UniqueTokenExpandedState.tsx b/src/components/expanded-state/UniqueTokenExpandedState.tsx
@@ -512,6 +512,8 @@ const UniqueTokenExpandedState = ({
                             )}`}
                             nftShadows
                             onPress={handlePressEdit}
+                            // @ts-expect-error JavaScript component
+                            testID="edit"
                             textColor={textColor}
                             weight="heavy"
                           />

diff --git a/src/navigation/RegisterENSNavigator.tsx b/src/navigation/RegisterENSNavigator.tsx
@@ -29,7 +29,6 @@ const renderTabBar = () => null;
 const renderPager = (props: any) => (
   <ScrollPagerWrapper
     {...props}
-    initialScrollPosition={1}
     {...(android && {
       style: { height: Dimensions.get('window').height },
     })}

diff --git a/src/screens/ENSAssignRecordsSheet.tsx b/src/screens/ENSAssignRecordsSheet.tsx
@@ -347,6 +347,7 @@ export function ENSAssignRecordsBottomActions({
         as={Animated.View}
         background="body"
         style={[animatedStyle, { position: 'absolute', width: '100%' }]}
+        testID="ens-assign-records-sheet"
       >
         <AccentColorProvider color={accentColor}>
           <Box paddingBottom="19px" style={{ height: bottomActionHeight }}>