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

List Items/Approval Info Component #20317

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from

Conversation

ajayesivan
Copy link
Contributor

@ajayesivan ajayesivan commented Jun 4, 2024

fixes #20090

Summary

Implements the List Items/Avatar Info component

Testing notes

Manual QA can be skipped since this PR only adds a quo component and doesn't introduce any changes outside Quo Preview.

Platforms

  • Android
  • iOS

Areas that maybe impacted

None

Steps to test

Quo Preview -> LIst Items -> Approval Info

status: ready

@status-github-bot status-github-bot bot added this to REVIEW in Pipeline for QA Jun 4, 2024
@ajayesivan ajayesivan self-assigned this Jun 4, 2024
@status-im-auto
Copy link
Member

status-im-auto commented Jun 4, 2024

Jenkins Builds

Click to see older builds (28)
Commit #️⃣ Finished (UTC) Duration Platform Result
961a270 #1 2024-06-04 08:00:04 ~2 min tests 📄log
✔️ 961a270 #1 2024-06-04 08:05:39 ~8 min android 🤖apk 📲
✔️ 961a270 #1 2024-06-04 08:06:04 ~9 min ios 📱ipa 📲
✔️ 961a270 #1 2024-06-04 08:09:08 ~12 min android-e2e 🤖apk 📲
✔️ 5b80e4a #2 2024-06-04 08:58:58 ~6 min android 🤖apk 📲
✔️ 5b80e4a #2 2024-06-04 08:59:10 ~6 min tests 📄log
✔️ 5b80e4a #2 2024-06-04 09:01:37 ~8 min ios 📱ipa 📲
✔️ 5b80e4a #2 2024-06-04 09:03:01 ~10 min android-e2e 🤖apk 📲
✔️ 2fa4591 #4 2024-06-05 18:21:36 ~4 min tests 📄log
✔️ 2fa4591 #4 2024-06-05 18:23:36 ~6 min android-e2e 🤖apk 📲
✔️ 2fa4591 #4 2024-06-05 18:24:47 ~7 min android 🤖apk 📲
✔️ 2fa4591 #4 2024-06-05 18:26:34 ~9 min ios 📱ipa 📲
✔️ aa7efcf #5 2024-06-10 09:39:09 ~4 min tests 📄log
✔️ aa7efcf #5 2024-06-10 09:40:59 ~6 min android-e2e 🤖apk 📲
✔️ aa7efcf #5 2024-06-10 09:41:16 ~6 min android 🤖apk 📲
✔️ aa7efcf #5 2024-06-10 09:43:14 ~8 min ios 📱ipa 📲
✔️ a0affa7 #6 2024-06-10 17:20:03 ~4 min tests 📄log
✔️ a0affa7 #6 2024-06-10 17:24:29 ~9 min android-e2e 🤖apk 📲
✔️ a0affa7 #6 2024-06-10 17:24:42 ~9 min android 🤖apk 📲
✔️ a0affa7 #6 2024-06-10 17:28:43 ~13 min ios 📱ipa 📲
✔️ dfaa225 #7 2024-06-11 09:01:26 ~4 min tests 📄log
✔️ dfaa225 #7 2024-06-11 09:03:33 ~7 min android 🤖apk 📲
✔️ dfaa225 #7 2024-06-11 09:03:34 ~7 min android-e2e 🤖apk 📲
✔️ dfaa225 #7 2024-06-11 09:05:57 ~9 min ios 📱ipa 📲
✔️ ce6b8c9 #8 2024-06-12 05:54:19 ~4 min tests 📄log
✔️ ce6b8c9 #8 2024-06-12 05:56:30 ~6 min android 🤖apk 📲
✔️ ce6b8c9 #8 2024-06-12 05:57:10 ~7 min android-e2e 🤖apk 📲
✔️ ce6b8c9 #8 2024-06-12 05:59:06 ~9 min ios 📱ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 0c398e7 #9 2024-06-21 11:46:52 ~4 min tests 📄log
✔️ 0c398e7 #9 2024-06-21 11:49:26 ~7 min android 🤖apk 📲
✔️ 0c398e7 #9 2024-06-21 11:50:12 ~8 min android-e2e 🤖apk 📲
✔️ 0c398e7 #9 2024-06-21 11:51:28 ~9 min ios 📱ipa 📲
✔️ f2d6f83 #10 2024-07-02 04:54:36 ~4 min tests 📄log
✔️ f2d6f83 #10 2024-07-02 04:58:42 ~8 min android-e2e 🤖apk 📲
✔️ f2d6f83 #10 2024-07-02 04:58:46 ~8 min android 🤖apk 📲
✔️ f2d6f83 #10 2024-07-02 04:58:57 ~9 min ios 📱ipa 📲

@ajayesivan ajayesivan marked this pull request as ready for review June 4, 2024 08:44
@ajayesivan ajayesivan removed the request for review from AlejandroCabeza June 4, 2024 08:54
@ajayesivan ajayesivan force-pushed the 20090-approval-info-component branch 3 times, most recently from 2fa4591 to aa7efcf Compare June 10, 2024 09:34
@ajayesivan ajayesivan requested a review from a team June 10, 2024 09:34
Comment on lines +30 to +36
{:color (if blur?
colors/white
(colors/theme-colors colors/neutral-100 colors/white theme))})

(defn description
[blur? theme]
{:color (icon-description-color blur? theme)})
Copy link
Member

Choose a reason for hiding this comment

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

hi @ajayesivan, Do we need another function for description color? We don't have one for label color.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The icon-description-color function is also used for icons. Let me know if the name is not clear enough, or if you have any other suggestions.

:color (style/icon-description-color blur? theme)}])]

Comment on lines 46 to 48
(cond
(#{:spending-cap :token-contract :network
:collectible}
Copy link
Member

Choose a reason for hiding this comment

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

I think case will be better choice here. wdyt?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It is way better with case, thanks for the suggestions 😊

[text/text
{:size :paragraph-1
:weight :semi-bold
:style (style/label blur? theme)} label]
Copy link
Contributor

Choose a reason for hiding this comment

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

Quick one: There's at least another instance of this style problem in this namespace https://guide.clojure.style/#vertically-align-fn-args

Copy link
Contributor

Choose a reason for hiding this comment

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

I think this is something our linter should handle, no?

Copy link
Contributor

Choose a reason for hiding this comment

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

@BalogunofAfrica, we would all love to get that automated, but it's a bit hard I think. I could try myself to configure this, but it's not trivial because we could easily introduce formatting side-effects in other parts of the code because we told zprint to respect newlines. Also for zprint, this is nothing more than a vector, so I think the solution could be to somehow tell it to detect if the second argument to a vector is a map and then try to fit it on the same line as the first element.

We could also try to consult with zprint's author.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed all of the formatting issues that I found.

:descriptor descriptor}
[quo/approval-info
(assoc state
:button-label "Edit"
Copy link
Contributor

Choose a reason for hiding this comment

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

The preview becomes more powerful/useful if we parameterize as much as we can, so the person can check in the UI how the component behaves in more scenarios. tag-label and button-label could be in the state.

@ajayesivan ajayesivan moved this from REVIEW to E2E Tests in Pipeline for QA Jun 10, 2024
@status-im-auto
Copy link
Member

84% of end-end tests have passed

Total executed tests: 51
Failed tests: 4
Expected to fail tests: 4
Passed tests: 43
Not executed tests: 1
IDs of not executed tests: 702936 
IDs of failed tests: 727230,702809,702732,727229 
IDs of expected to fail tests: 703495,702948,727232,703629 

Not executed tests (1)

Click to expand
  • Rerun not executed tests
  • Failed tests (4)

    Click to expand
  • Rerun failed tests

  • Class TestWalletMultipleDevice:

    1. test_wallet_send_asset_from_drawer, id: 727230

    # STEP: Getting ETH amount in the wallet of the sender before transaction
    Device 1: Find `WalletTab` by `accessibility id`: `wallet-stack-tab`

    critical/test_wallet.py:120: in test_wallet_send_asset_from_drawer
        sender_balance, receiver_balance, eth_amount_sender, eth_amount_receiver = self._get_balances_before_tx()
    critical/test_wallet.py:41: in _get_balances_before_tx
        self.wallet_1.wallet_tab.click()
    ../views/base_element.py:90: in click
        element = self.find_element()
    ../views/base_element.py:79: in find_element
        raise NoSuchElementException(
     Device 1: WalletTab by accessibility id: `wallet-stack-tab` is not found on the screen; For documentation on this error, please visit: https://www.selenium.dev/documentation/webdriver/troubleshooting/errors#no-such-element-exception
    



    2. test_wallet_send_eth, id: 727229

    Device 1: Tap on found: LogInButton
    Device 1: Find Button by accessibility id: done

    critical/test_wallet.py:111: in test_wallet_send_eth
        self.wallet_1.send_asset(address=self.receiver['address'], asset_name='Ether', amount=amount_to_send)
    ../views/wallet_view.py:100: in send_asset
        self.confirm_transaction()
    ../views/wallet_view.py:88: in confirm_transaction
        self.done_button.click()
    ../views/base_element.py:90: in click
        element = self.find_element()
    ../views/base_element.py:79: in find_element
        raise NoSuchElementException(
     Device 1: Button by accessibility id: `done` is not found on the screen; For documentation on this error, please visit: https://www.selenium.dev/documentation/webdriver/troubleshooting/errors#no-such-element-exception
    



    Class TestCommunityMultipleDeviceMergedTwo:

    1. test_community_markdown_support, id: 702809

    Device 1: Looking for a message by text: quote reply (one row)
    Device 2: Looking for a message by text: quote reply (one row)

    critical/chats/test_public_chat_browsing.py:1009: in test_community_markdown_support
        self.errors.verify_no_errors()
    base_test_case.py:190: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     quote reply (one row) is not displayed with markdown in community channel for the recipient (device 1)
    



    Device sessions

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_pin_messages, id: 702732

    Device 2: Looking for a pinned by message with text: Message 4
    Device 1: Text is You

    critical/chats/test_group_chat.py:437: in test_group_chat_pin_messages
        self.errors.verify_no_errors()
    base_test_case.py:190: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Pinned messages count 2 doesn't match expected 3 for user member_1
    E    Message 'Message 3' is missed on Pinned messages list for user member_1
    



    Device sessions

    Expected to fail tests (4)

    Click to expand

    Class TestWalletOneDevice:

    1. test_wallet_add_remove_watch_only_account, id: 727232

    Device 1: Text is 0x8d2413447ff297d30bdc475f6d5cb00254685aae
    Device 1: Click system back button

    critical/test_wallet.py:214: in test_wallet_add_remove_watch_only_account
        self.home_view.driver.fail(
    base_test_case.py:178: in fail
        pytest.fail('Device %s: %s' % (self.number, text))
     Device 1: Incorrect address '0x8d2413447ff297d30bdc475f6d5cb00254685aae' is shown when swiping between accounts, expected one is '0x8d2413447ff297d30bdc475f6d5cb00254685aae' 
    

    [[Missing networks in account address, https://github.com//issues/20166]]

    Device sessions

    Class TestCommunityMultipleDeviceMergedTwo:

    1. test_community_hashtag_links_to_community_channels, id: 702948

    Device 2: Find Text by xpath: //android.view.ViewGroup[@content-desc='chat-item']//android.widget.TextView[contains(@text,'#cats')]
    Device 2: Looking for a message by text: it is just a message text

    critical/chats/test_public_chat_browsing.py:1124: in test_community_hashtag_links_to_community_channels
        self.errors.verify_no_errors()
    base_test_case.py:190: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Message in community channel is not visible for user before join 
    

    [[Can't enter channel after community is fetched for the first time, https://github.com//issues/20395]]

    Device sessions

    2. test_community_join_when_node_owner_offline, id: 703629

    Device 2: Looking for community: 'open community'
    Device 2: Click until Text by accessibility id: community-description-text will be presented

    critical/chats/test_public_chat_browsing.py:1212: in test_community_join_when_node_owner_offline
        self.errors.verify_no_errors()
    base_test_case.py:190: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Message in community channel is not visible for user before join, it was indicated as not sent for the sender before he went offline 
    

    [[Can't enter channel after community is fetched for the first time, https://github.com//issues/20395]]

    Device sessions

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_mute_chat, id: 703495

    # STEP: Change device time so chat will be unmuted by timer
    Device 2: Long press on ChatElement

    critical/chats/test_group_chat.py:497: in test_group_chat_mute_chat
        self.errors.verify_no_errors()
    base_test_case.py:190: in verify_no_errors
        pytest.fail('\n '.join([self.errors.pop(0) for _ in range(len(self.errors))]))
     Chat is still muted after timeout 
    

    [[Chat is not unmuted after expected time: https://github.com//issues/19627]]

    Device sessions

    Passed tests (43)

    Click to expand

    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_edit_delete_message_when_offline, id: 704615
    Device sessions

    7. test_community_message_delete, id: 702839
    Device sessions

    8. test_community_message_send_check_timestamps_sender_username, id: 702838
    Device sessions

    9. test_community_links_with_previews_github_youtube_twitter_gif_send_enable, id: 702844
    Device sessions

    10. test_community_message_edit, id: 702843
    Device sessions

    11. test_community_unread_messages_badge, id: 702841
    Device sessions

    Class TestCommunityMultipleDeviceMergedTwo:

    1. test_community_mentions_push_notification, id: 702786
    Device sessions

    2. test_community_leave, id: 702845
    Device sessions

    Class TestActivityMultipleDevicePR:

    1. test_activity_center_reply_read_unread_delete_filter_swipe, id: 702947
    Device sessions

    Class TestWalletOneDevice:

    1. test_wallet_add_remove_regular_account, id: 727231
    Device sessions

    Class TestGroupChatMultipleDeviceMergedNewUI:

    1. test_group_chat_send_image_save_and_share, id: 703297
    Device sessions

    2. test_group_chat_reactions, id: 703202
    Device sessions

    3. test_group_chat_join_send_text_messages_push, id: 702807
    Device sessions

    4. test_group_chat_offline_pn, id: 702808
    Device sessions

    Class TestDeepLinksOneDevice:

    1. test_links_open_universal_links_from_chat, id: 704613
    Device sessions

    2. test_links_deep_links, id: 702775
    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 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 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_push_emoji, id: 702813
    Device sessions

    4. test_1_1_chat_non_latin_messages_stack_update_profile_photo, id: 702745
    Device sessions

    5. test_1_1_chat_edit_message, id: 702855
    Device sessions

    6. test_1_1_chat_send_image_save_and_share, id: 703391
    Device sessions

    7. test_1_1_chat_pin_messages, id: 702731
    Device sessions

    8. test_1_1_chat_message_reaction, id: 702730
    Device sessions

    Class TestCommunityOneDeviceMerged:

    1. test_restore_multiaccount_with_waku_backup_remove_switch, id: 703133
    Device sessions

    2. test_community_copy_and_paste_message_in_chat_input, id: 702742
    Device sessions

    3. test_community_discovery, id: 703503
    Device sessions

    4. test_community_undo_delete_message, id: 702869
    Device sessions

    5. test_community_navigate_to_channel_when_relaunch, id: 702846
    Device sessions

    6. test_community_mute_community_and_channel, id: 703382
    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

    @ajayesivan
    Copy link
    Contributor Author

    @Francesca-G Could you please do a design review for this PR?

    @ajayesivan ajayesivan moved this from E2E Tests to Design review in Pipeline for QA Jun 11, 2024
    Copy link

    @Francesca-G Francesca-G left a comment

    Choose a reason for hiding this comment

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

    Here's the review with 2 minor details to fix, good job ✨

    @ajayesivan ajayesivan force-pushed the 20090-approval-info-component branch 2 times, most recently from dfaa225 to ce6b8c9 Compare June 12, 2024 05:49
    @yevh-berdnyk
    Copy link
    Contributor

    hi @ajayesivan, e2e failures are not PR related, thanks!

    84% of end-end tests have passed

    @ajayesivan ajayesivan force-pushed the 20090-approval-info-component branch from ce6b8c9 to 0c398e7 Compare June 21, 2024 11:41
    @ajayesivan ajayesivan force-pushed the 20090-approval-info-component branch from 0c398e7 to f2d6f83 Compare July 2, 2024 04:49
    @mariia-skrypnyk
    Copy link

    Hi @ajayesivan !

    I am wondering why this PR is not merged yet?
    Do you need any help with it?

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Projects
    Pipeline for QA
      
    Design review
    Development

    Successfully merging this pull request may close these issues.

    List-Items/Approval-Info
    9 participants