Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wallet/edit derivation path screen #17712 #17741

Merged

Conversation

Rende11
Copy link
Collaborator

@Rende11 Rende11 commented Oct 26, 2023

Fixes #17712

Summary

Wallet edit derivation path screen implementation

Review notes

bottom-actions component affected and updated
quo_preview/preview.cljs changed - introduced :path parameter
dropdown-input component not implemented

Testing notes

Tested only on iOS

Platforms

  • Android
  • iOS

Before and after screenshots comparison

Figma

Figma
Screenshot 2023-10-27 at 14 54 12
iOS
Simulator Screen Shot - iPhone 11 Pro - 2023-10-27 at 14 51 59 Simulator Screen Shot - iPhone 11 Pro - 2023-10-27 at 14 52 10 Simulator Screen Shot - iPhone 11 Pro - 2023-10-27 at 14 52 20

Simulator Screen Recording - iPhone 11 Pro - 2023-10-27 at 15 07 00

status: ready

@status-im-auto
Copy link
Member

status-im-auto commented Oct 26, 2023

Jenkins Builds

Click to see older builds (32)
Commit #️⃣ Finished (UTC) Duration Platform Result
3065428 #1 2023-10-26 13:59:26 ~3 min tests 📄log
✔️ 3065428 #1 2023-10-26 14:02:29 ~6 min ios 📱ipa 📲
✔️ 3065428 #1 2023-10-26 14:02:47 ~6 min android 🤖apk 📲
✔️ 3065428 #1 2023-10-26 14:02:54 ~6 min android-e2e 🤖apk 📲
✔️ 94b4a16 #2 2023-10-26 15:57:27 ~6 min ios 📱ipa 📲
✔️ 94b4a16 #2 2023-10-26 15:57:37 ~6 min android-e2e 🤖apk 📲
✔️ 94b4a16 #2 2023-10-26 15:57:45 ~6 min android 🤖apk 📲
94b4a16 #2 2023-10-26 16:00:29 ~9 min tests 📄log
✔️ 2c6e4d1 #3 2023-10-26 16:33:40 ~6 min ios 📱ipa 📲
✔️ 2c6e4d1 #3 2023-10-26 16:33:42 ~6 min android-e2e 🤖apk 📲
✔️ 2c6e4d1 #3 2023-10-26 16:33:46 ~6 min android 🤖apk 📲
2c6e4d1 #3 2023-10-26 16:36:48 ~9 min tests 📄log
✔️ 83f8df6 #4 2023-10-27 09:45:36 ~5 min ios 📱ipa 📲
✔️ 83f8df6 #4 2023-10-27 09:46:14 ~6 min android-e2e 🤖apk 📲
✔️ 83f8df6 #4 2023-10-27 09:46:20 ~6 min android 🤖apk 📲
✔️ 83f8df6 #4 2023-10-27 09:49:22 ~9 min tests 📄log
✔️ 7cad577 #5 2023-10-27 11:19:41 ~6 min android-e2e 🤖apk 📲
✔️ 7cad577 #5 2023-10-27 11:20:39 ~7 min ios 📱ipa 📲
✔️ 7cad577 #5 2023-10-27 11:22:47 ~9 min android 🤖apk 📲
✔️ 7cad577 #5 2023-10-27 11:22:58 ~9 min tests 📄log
✔️ bb4b1aa #6 2023-10-27 11:38:25 ~5 min android-e2e 🤖apk 📲
✔️ bb4b1aa #6 2023-10-27 11:38:42 ~6 min android 🤖apk 📲
✔️ bb4b1aa #6 2023-10-27 11:41:58 ~9 min tests 📄log
✔️ bb4b1aa #6 2023-10-27 11:44:48 ~12 min ios 📱ipa 📲
✔️ 2ae4dc2 #7 2023-10-27 14:40:21 ~5 min ios 📱ipa 📲
✔️ 2ae4dc2 #7 2023-10-27 14:40:47 ~6 min android-e2e 🤖apk 📲
✔️ 2ae4dc2 #7 2023-10-27 14:40:52 ~6 min android 🤖apk 📲
✔️ 2ae4dc2 #7 2023-10-27 14:44:35 ~9 min tests 📄log
✔️ 678fe7a #9 2023-10-29 21:11:10 ~5 min android-e2e 🤖apk 📲
✔️ 678fe7a #9 2023-10-29 21:11:48 ~5 min ios 📱ipa 📲
✔️ 678fe7a #9 2023-10-29 21:13:59 ~8 min android 🤖apk 📲
✔️ 678fe7a #9 2023-10-29 21:15:45 ~9 min tests 📄log
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 10837cd #10 2023-10-31 11:48:00 ~6 min android-e2e 🤖apk 📲
✔️ 10837cd #10 2023-10-31 11:48:07 ~6 min android 🤖apk 📲
✔️ 10837cd #10 2023-10-31 11:50:48 ~8 min tests 📄log
✔️ 10837cd #10 2023-10-31 11:53:25 ~11 min ios 📱ipa 📲
✔️ 9b2cb64 #11 2023-11-01 11:45:09 ~5 min android-e2e 🤖apk 📲
✔️ 9b2cb64 #11 2023-11-01 11:45:15 ~5 min ios 📱ipa 📲
✔️ 9b2cb64 #11 2023-11-01 11:45:22 ~5 min android 🤖apk 📲
✔️ 9b2cb64 #11 2023-11-01 11:48:24 ~8 min tests 📄log

@Rende11 Rende11 changed the title Wallet/edit derivation path screen Wallet/edit derivation path screen #17712 Oct 26, 2023
@Rende11 Rende11 force-pushed the wallet/edit-derivation-path-screen branch from 7cad577 to bb4b1aa Compare October 27, 2023 11:32
@Rende11 Rende11 marked this pull request as ready for review October 27, 2023 12:08
@Rende11 Rende11 force-pushed the wallet/edit-derivation-path-screen branch from bb4b1aa to 2ae4dc2 Compare October 27, 2023 14:34
@Rende11 Rende11 requested a review from J-Son89 October 27, 2023 14:42
Copy link
Contributor

@ulisesmac ulisesmac left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @Rende11

I added some comments

@Rende11 Rende11 force-pushed the wallet/edit-derivation-path-screen branch from 7f4593c to 678fe7a Compare October 29, 2023 21:05
@J-Son89 J-Son89 assigned J-Son89 and unassigned J-Son89 Oct 30, 2023
Copy link
Contributor

@J-Son89 J-Son89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice work! :)

@status-im-auto
Copy link
Member

80% of end-end tests have passed

Total executed tests: 45
Failed tests: 6
Expected to fail tests: 3
Passed tests: 36
IDs of failed tests: 702813,702742,702869,702786,702846,702807 
IDs of expected to fail tests: 702732,702731,702808 

Failed tests (6)

Click to expand
  • Rerun failed tests

  • Class TestCommunityOneDeviceMerged:

    1. test_community_copy_and_paste_message_in_chat_input, id: 702742

    Device 1: ChatMessageInput element not found
    Device 1: Sending message 'mmmeowesage_text'

    critical/chats/test_public_chat_browsing.py:91: in test_community_copy_and_paste_message_in_chat_input
        self.channel.send_message(message)
    ../views/chat_view.py:1000: in send_message
        self.chat_message_input.wait_for_element(wait_chat_input_sec)
    ../views/base_element.py:121: in wait_for_element
        raise TimeoutException(
     Device `1`: `ChatMessageInput` by` accessibility id`: `chat-message-input` is not found on the screen after wait_for_element
    



    Device sessions

    2. test_community_undo_delete_message, id: 702869

    Device 1: ChatMessageInput element not found
    Device 1: Sending message 'message to delete and undo'

    critical/chats/test_public_chat_browsing.py:106: in test_community_undo_delete_message
        self.channel.send_message(message_to_delete)
    ../views/chat_view.py:1000: in send_message
        self.chat_message_input.wait_for_element(wait_chat_input_sec)
    ../views/base_element.py:121: in wait_for_element
        raise TimeoutException(
     Device `1`: `ChatMessageInput` by` accessibility id`: `chat-message-input` is not found on the screen after wait_for_element
    



    Device sessions

    3. test_community_navigate_to_channel_when_relaunch, id: 702846

    Device 1: ChatMessageInput element not found
    Device 1: Sending message 'some_text'

    critical/chats/test_public_chat_browsing.py:77: in test_community_navigate_to_channel_when_relaunch
        self.channel.send_message(text_message)
    ../views/chat_view.py:1000: in send_message
        self.chat_message_input.wait_for_element(wait_chat_input_sec)
    ../views/base_element.py:121: in wait_for_element
        raise TimeoutException(
     Device `1`: `ChatMessageInput` by` accessibility id`: `chat-message-input` is not found on the screen after wait_for_element
    



    Device sessions

    Class TestOneToOneChatMultipleSharedDevicesNewUi:

    1. test_1_1_chat_push_emoji, id: 702813

    Device 1: App to background
    Device 2: Sending message 'emoji'

    critical/chats/test_1_1_public_chats.py:345: in test_1_1_chat_push_emoji
        chat_2.send_message(emoji.emojize(emoji_message))
    ../views/chat_view.py:1000: in send_message
        self.chat_message_input.wait_for_element(wait_chat_input_sec)
    ../views/base_element.py:121: in wait_for_element
        raise TimeoutException(
     Device `2`: `ChatMessageInput` by` accessibility id`: `chat-message-input` is not found on the screen after wait_for_element
    



    Device sessions

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_join_send_text_messages_push, id: 702807

    Device 2: Text is Delivered
    Device 1: Looking for a message by text: Hey, admin!

    critical/chats/test_group_chat.py:97: in test_group_chat_join_send_text_messages_push
        self.errors.verify_no_errors()
    base_test_case.py:191: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Message Hey, admin! was not received by admin
    



    Device sessions

    Class TestCommunityMultipleDeviceMergedTwo:

    1. test_community_mentions_push_notification, id: 702786

    Device 2: Getting PN by 'user_2'
    Device 2: Looking for a message by text: user_2

    critical/chats/test_public_chat_browsing.py:882: in test_community_mentions_push_notification
        self.errors.verify_no_errors()
    base_test_case.py:191: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Channel did not open by clicking on a notification with the mention for admin
    E    Edited message is not shown correctly for the sender
    E    Edited message is not shown correctly for the (receiver) admin
    E    Channel did not open by clicking on a notification with the mention for the invited member
    



    Device sessions

    Expected to fail tests (3)

    Click to expand

    Class TestOneToOneChatMultipleSharedDevicesNewUi:

    1. test_1_1_chat_pin_messages, id: 702731

    Test is not run, e2e blocker  
    

    [[reason: [NOTRUN] Pin feature is in development]]

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_pin_messages, id: 702732

    Test is not run, e2e blocker  
    

    [[reason: [NOTRUN] Pin feature is in development]]

    2. test_group_chat_offline_pn, id: 702808

    Device 3: Looking for a message by text: message from old member
    Device 3: Looking for a message by text: message from new member

    critical/chats/test_group_chat.py:309: in test_group_chat_offline_pn
        self.errors.verify_no_errors()
    base_test_case.py:191: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Messages PN was not fetched from offline 
    

    [[Data delivery issue]]

    Device sessions

    Passed tests (36)

    Click to expand

    Class TestActivityCenterContactRequestMultipleDevicePR:

    1. test_add_contact_field_validation, id: 702777
    Device sessions

    2. test_activity_center_contact_request_accept_swipe_mark_all_as_read, id: 702851
    Device sessions

    3. test_activity_center_contact_request_decline, id: 702850
    Device sessions

    Class TestOneToOneChatMultipleSharedDevicesNewUiTwo:

    1. test_1_1_chat_delete_via_long_press_relogin, id: 702784
    Device sessions

    2. test_1_1_chat_is_shown_message_sent_delivered_from_offline, id: 702783
    Device sessions

    3. test_1_1_chat_mute_chat, id: 703496
    Device sessions

    Class TestCommunityMultipleDeviceMerged:

    1. test_community_several_images_send_reply, id: 703194
    Device sessions

    2. test_community_one_image_send_reply, id: 702859
    Device sessions

    3. test_community_emoji_send_copy_paste_reply, id: 702840
    Device sessions

    4. test_community_mark_all_messages_as_read, id: 703086
    Device sessions

    5. test_community_contact_block_unblock_offline, id: 702894
    Device sessions

    6. test_community_message_delete, id: 702839
    Device sessions

    7. test_community_message_send_check_timestamps_sender_username, id: 702838
    Device sessions

    8. test_community_links_with_previews_github_youtube_twitter_gif_send_enable, id: 702844
    Device sessions

    9. test_community_message_edit, id: 702843
    Device sessions

    10. test_community_unread_messages_badge, id: 702841
    Device sessions

    Class TestCommunityOneDeviceMerged:

    1. test_restore_multiaccount_with_waku_backup_remove_switch, id: 703133
    Device sessions

    2. test_community_discovery, id: 703503
    Device sessions

    3. test_community_mute_community_and_channel, id: 703382
    Device sessions

    Class TestOneToOneChatMultipleSharedDevicesNewUi:

    1. test_1_1_chat_emoji_send_reply_and_open_link, id: 702782
    Device sessions

    2. test_1_1_chat_text_message_delete_push_disappear, id: 702733
    Device sessions

    3. test_1_1_chat_non_latin_messages_stack_update_profile_photo, id: 702745
    Device sessions

    4. test_1_1_chat_edit_message, id: 702855
    Device sessions

    5. test_1_1_chat_send_image_save_and_share, id: 703391
    Device sessions

    6. test_1_1_chat_message_reaction, id: 702730
    Device sessions

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_mute_chat, id: 703495
    Device sessions

    2. test_group_chat_send_image_save_and_share, id: 703297
    Device sessions

    3. test_group_chat_reactions, id: 703202
    Device sessions

    Class TestActivityMultipleDevicePRTwo:

    1. test_activity_center_mentions, id: 702957
    Device sessions

    2. test_activity_center_admin_notification_accept_swipe, id: 702958
    Device sessions

    Class TestCommunityMultipleDeviceMergedTwo:

    1. test_community_markdown_support, id: 702809
    Device sessions

    2. test_community_hashtag_links_to_community_channels, id: 702948
    Device sessions

    3. test_community_leave, id: 702845
    Device sessions

    4. test_community_join_when_node_owner_offline, id: 703629
    Device sessions

    Class TestActivityMultipleDevicePR:

    1. test_navigation_jump_to, id: 702936
    Device sessions

    2. test_activity_center_reply_read_unread_delete_filter_swipe, id: 702947
    Device sessions

    @qoqobolo qoqobolo self-assigned this Oct 31, 2023
    @qoqobolo
    Copy link
    Contributor

    Hi @Rende11 , thanks for your contribution!

    Could you please point me to where exactly in the app I can test this screen?
    I only found the derivation path in Quo Preview > wallet > account-origin, but I cannot interact with it there as it's shown in the screenshots and GIF in the PR description.
    cc @J-Son89

    @Rende11 Rende11 force-pushed the wallet/edit-derivation-path-screen branch from 678fe7a to 10837cd Compare October 31, 2023 11:41
    @J-Son89
    Copy link
    Contributor

    J-Son89 commented Oct 31, 2023

    @qoqobolo - the screen is located in the new wallet ui -> add new account -> click edit button on derivation path
    this flow -> https://www.figma.com/file/HKncH4wnDwZDAhc4AryK8Y/Wallet-for-Mobile?type=design&node-id=2080-444945&mode=design&t=BK14xLEAbF7lgh82-4

    to note: this is just the ui structure added here and functionality etc is not so important. also some quo components were missing so placeholders were added and will be added once they're in place

    That preview screen is a previous quo component that just happens to have a similar name as the screen added here 👌

    @Rende11
    Copy link
    Collaborator Author

    Rende11 commented Oct 31, 2023

    Hi @Rende11 , thanks for your contribution!

    Could you please point me to where exactly in the app I can test this screen? I only found the derivation path in Quo Preview > wallet > account-origin, but I cannot interact with it there as it's shown in the screenshots and GIF in the PR description. cc @J-Son89

    @qoqobolo

    Simulator.Screen.Recording.-.iPhone.11.Pro.-.2023-10-31.at.15.23.49.mp4

    (long press on wallet, long press on "Illustration here")

    P.S. - Broken color pickers don't relate to these changes

    @qoqobolo
    Copy link
    Contributor

    @J-Son89 @Rende11 thanks guys! 🙌

    @status-im-auto
    Copy link
    Member

    67% of end-end tests have passed

    Total executed tests: 3
    Failed tests: 1
    Expected to fail tests: 0
    Passed tests: 2
    
    IDs of failed tests: 702869 
    

    Failed tests (1)

    Click to expand
  • Rerun failed tests

  • Class TestCommunityOneDeviceMerged:

    1. test_community_undo_delete_message, id: 702869

    Device 1: Tap on found: Button
    Device 1: Looking for a message by text: message to delete and undo

    critical/chats/test_public_chat_browsing.py:110: in test_community_undo_delete_message
        self.channel.chat_element_by_text(message_to_delete).wait_for_visibility_of_element()
    ../views/base_element.py:139: in wait_for_visibility_of_element
        raise TimeoutException(
     Device 1: ChatElementByText by xpath:`//*[starts-with(@text,'message to delete and undo')]/ancestor::android.view.ViewGroup[@content-desc='chat-item']` is not found on the screen after wait_for_visibility_of_element
    
    During handling of the above exception, another exception occurred:
    critical/chats/test_public_chat_browsing.py:112: in test_community_undo_delete_message
        pytest.fail("Message was not restored by clicking 'Undo' button")
    E   Failed: Message was not restored by clicking 'Undo' button
    



    Device sessions

    Passed tests (2)

    Click to expand

    Class TestCommunityOneDeviceMerged:

    1. test_community_copy_and_paste_message_in_chat_input, id: 702742
    Device sessions

    2. test_community_navigate_to_channel_when_relaunch, id: 702846
    Device sessions

    @qoqobolo
    Copy link
    Contributor

    qoqobolo commented Oct 31, 2023

    @Rende11 thanks again for your work, LGTM.
    PR is ready for design review, cc @Francesca-G

    @J-Son89
    Copy link
    Contributor

    J-Son89 commented Oct 31, 2023

    @Rende11 thanks again for your work, LGTM. PR is ready for design review, cc @Francesca-G

    @qoqobolo we are not necessarily doing design reviews on Wallet just yet as many things are likely to adjust and we would like to spare @Francesca-G of unnecessary effort. In some cases devs might request it and that's fine but for now we will leave them. I think after 1.27 release most of the features should be stable enough and we will start adding design reviews to the process then.
    With that said, is it okay to merge this pr? 🤔

    @qoqobolo
    Copy link
    Contributor

    qoqobolo commented Nov 1, 2023

    we are not necessarily doing design reviews on Wallet just yet as many things are likely to adjust and we would like to spare @Francesca-G of unnecessary effort. In some cases devs might request it and that's fine but for now we will leave them. I think after 1.27 release most of the features should be stable enough and we will start adding design reviews to the process then.
    With that said, is it okay to merge this pr? 🤔

    Oh, I didn’t know about this nuance of the Wallet review process, thanks for the explanation @J-Son89. Yes, of course, in this case PR can be merged.

    fix lint errors
    
    Add edit action props
    
    Add illustration
    
    Update bottom_actions test
    
    Update usages and docs
    
    Fixes
    
    Specs
    
    Add actions
    
    Add tests
    
    Update styles
    
    Fix naming
    
    Roll back derivation path fn
    
    Update styles
    
    Fix styles
    
    Fixes
    
    Fix naming
    @Rende11 Rende11 force-pushed the wallet/edit-derivation-path-screen branch from 10837cd to 9b2cb64 Compare November 1, 2023 11:39
    @J-Son89 J-Son89 merged commit 94a3e26 into status-im:develop Nov 1, 2023
    5 checks passed
    yevh-berdnyk pushed a commit that referenced this pull request Dec 8, 2023
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Projects
    Archived in project
    Archived in project
    Development

    Successfully merging this pull request may close these issues.

    Wallet - Create Account Page - Add edit derivation path screen UI
    6 participants