[MI-3812]: Added the test cases for UI of list of linked channels in …

…RHS on MM. (#20) (#144)

* [MI-3812]: Added the test cases for list of linked channels UI on MS Teams sync plugin.

* [MI-3812]: added few updates in the PR.

* changed the folder name

* Fixed the comments.

* changes the folder name.

* fixed the minor comments by Aayush.

* fixed the folder name and added the test scenario.

* fixed

* fixed

* fixed the comments.

* fixed the comments.

* fixed the values and comments.

* added the scenario.

* Update data/test-cases/plugins/ms-teams-sync/ui-integration/List_linked_channels.md



---------

Co-authored-by: Ayush Thakur <[email protected]>

data/test-cases/plugins/ms-teams-sync/ui-integration/List_linked_channels.md

@@ -0,0 +1,56 @@
+---
+# (Required) Ensure all values are filled up
+name: "List of linked channels in RHS"
+status: Active
+priority: Normal
+folder: ui-integration
+authors: "@arush-vashishtha"
+team_ownership: []
+priority_p1_to_p4: P2 - Core Functions (Do core functions work?)
+
+# (Optional)
+location: null
+component: null
+tags: []
+labels: []
+tested_by_contributor: null
+
+# (Optional) Test type and tools
+cypress: null
+detox: null
+mmctl: null
+playwright: null
+rainforest: []
+manual_test_environments: []
+
+# Do not change
+id: null
+key: null
+created_on: null
+last_updated: null
+case_hashed: null
+steps_hashed: null
+---
+
+**Step 1**
+
+1. Click on the MS Teams sync icon in the app bar or channel header to open the RHS when there are MM channels linked to the MS Teams channel and the logged-in user is a `member` without admin permissions.
+
+**Step 2**
+
+1. Click on the MS Teams sync icon in the app bar or channel header to open the RHS when there are MM channels linked to the MS Teams channel and the logged-in user is a `system admin`.
+
+**Step 3**
+
+1. Click on the MS Teams sync icon in the app bar or channel header to open the RHS when there are no MM channels linked to the MS Teams channel.
+
+**Step 4**
+1. Disconnect the user on MM from the RHS or using slash command `/msteams-sync disconnect`.
+2. Click on the MS Teams sync icon in the app bar or channel header to open the RHS when there are MM channels linked to the MS Teams channel
+
+**Expected**
+
+The user should be able to see the list of linked channels in the RHS of the MS Teams sync plugin in which they are added as a member in MM.
+After step 2, the user should be able to see the list of all the linked channels in the RHS of the MS Teams sync plugin on MM.
+After step 3, the `list of linked channels` should be empty and the user should be able to see the `Link a channel` button in the RHS of the MS Teams sync plugin on MM.
+After step 4, the user should be able to see the `Request message` to connect their MS Teams account along with the `list of linked channels` in the RHS and the toast message regarding the successful disconnection of their MS Teams account.

data/test-cases/plugins/ms-teams-sync/ui-integration/Scrolling_in_linked_channels_list.md

@@ -0,0 +1,41 @@
+---
+# (Required) Ensure all values are filled up
+name: "Infinite scroll in the list of linked channels in RHS"
+status: Active
+priority: Normal
+folder: ui-integration
+authors: "@arush-vashishtha"
+team_ownership: []
+priority_p1_to_p4: P2 - Core Functions (Do core functions work?)
+
+# (Optional)
+location: null
+component: null
+tags: []
+labels: []
+tested_by_contributor: null
+
+# (Optional) Test type and tools
+cypress: null
+detox: null
+mmctl: null
+playwright: null
+rainforest: []
+manual_test_environments: []
+
+# Do not change
+id: null
+key: null
+created_on: null
+last_updated: null
+case_hashed: null
+steps_hashed: null
+---
+
+**Step 1**
+
+1. Scroll in the `list of linked channels` in the RHS of MS Teams sync plugin on MM.
+
+**Expected**
+
+The user should be able to scroll in the `list of linked channels` and verify all the linked channels are present in list in the RHS of the MS Teams sync plugin on MM.

data/test-cases/plugins/ms-teams-sync/ui-integration/Search_in_linked_channels_list.md

@@ -0,0 +1,46 @@
+---
+# (Required) Ensure all values are filled up
+name: "Searching the linked channel in the list"
+status: Active
+priority: Normal
+folder: ui-integration
+authors: "@arush-vashishtha"
+team_ownership: []
+priority_p1_to_p4: P2 - Core Functions (Do core functions work?)
+
+# (Optional)
+location: null
+component: null
+tags: []
+labels: []
+tested_by_contributor: null
+
+# (Optional) Test type and tools
+cypress: null
+detox: null
+mmctl: null
+playwright: null
+rainforest: []
+manual_test_environments: []
+
+# Do not change
+id: null
+key: null
+created_on: null
+last_updated: null
+case_hashed: null
+steps_hashed: null
+---
+
+**Step 1**
+
+1. Enter the `mattermost linked channel` name in the search bar present above the `list of linked channels` in the RHS of the MS Teams sync plugin on MM.
+
+**Step 2**
+
+1. Enter the `mattermost unlinked channel` name or `invalid channel` name in the search bar present above the `list of linked channels` in the RHS of the MS Teams sync plugin on MM.
+
+**Expected**
+
+The user should be able to verify the searched linked channel in the `list of linked channels` in the RHS of the MS Teams sync plugin on MM.
+After step 2, the user should get the `search not found` message in the RHS of the MS Teams sync plugin on MM.

data/test-cases/plugins/ms-teams-sync/ui-integration/Slash_commands_linked_channel_list.md

@@ -0,0 +1,54 @@
+---
+# (Required) Ensure all values are filled up
+name: "Updates in the list of linked channels with slash commands"
+status: Active
+priority: Normal
+folder: ui-integration
+authors: "@arush-vashishtha"
+team_ownership: []
+priority_p1_to_p4: P2 - Core Functions (Do core functions work?)
+
+# (Optional)
+location: null
+component: null
+tags: []
+labels: []
+tested_by_contributor: null
+
+# (Optional) Test type and tools
+cypress: null
+detox: null
+mmctl: null
+playwright: null
+rainforest: []
+manual_test_environments: []
+
+# Do not change
+id: null
+key: null
+created_on: null
+last_updated: null
+case_hashed: null
+steps_hashed: null
+---
+
+**Step 1**
+
+1. Link an unlinked channel by running the slash command `/msteams-sync link <msteams-teamID> <msteams-channelID>` on MM.
+2. Click on the MS Teams sync plugin icon in the app bar or channel header and open the RHS on MM.
+
+**Step 2**
+
+1. Unlink an linked channel by running the slash command `/msteams-sync unlink` on MM.
+2. Click on the MS Teams sync plugin icon in the app bar or channel header and open the RHS on MM.
+
+**Step 3**
+
+1. Unlink all linked channels by running the slash command `/msteams-sync unlink` in all linked channels on MM.
+2. Click on the MS Teams sync plugin icon in the app bar or channel header and open the RHS on MM.
+
+**Expected**
+
+The user should be able to verify the newly linked channel in the `list of linked channels` in the RHS of the MS Teams sync plugin on MM.
+After step 2, the desired channel should be unlinked and should not be present in the `list of linked channels` in the RHS of the MS Teams sync plugin on MM.
+After step 3, the `list of linked channels` should be empty and the user should be able to see the `Link a channel` button in the RHS of the MS Teams sync plugin on MM.

data/test-cases/plugins/ms-teams-sync/ui-integration/Tool_tip_linked_channel_list.md

@@ -0,0 +1,41 @@
+---
+# (Required) Ensure all values are filled up
+name: "Tooltip on hovering over the linked channel details."
+status: Active
+priority: Normal
+folder: ui-integration
+authors: "@arush-vashishtha"
+team_ownership: []
+priority_p1_to_p4: P2 - Core Functions (Do core functions work?)
+
+# (Optional)
+location: null
+component: null
+tags: []
+labels: []
+tested_by_contributor: null
+
+# (Optional) Test type and tools
+cypress: null
+detox: null
+mmctl: null
+playwright: null
+rainforest: []
+manual_test_environments: []
+
+# Do not change
+id: null
+key: null
+created_on: null
+last_updated: null
+case_hashed: null
+steps_hashed: null
+---
+
+**Step 1**
+
+1. Hover over the channel name or team name in the `list of linked channels` in the RHS of MS Teams sync plugin on MM.
+
+**Expected**
+
+The user should be able to see the full name of the channel or team in the tooltip in the RHS of the MS Teams sync plugin on MM.