USH - 111

Description

When not logged in, the names of users on the postcards say “anonymous” (happens for all postcards listed on the left in feed view).

Expected result

Show name of the user who created the post initially

Describe the bug
Happens for the web client's Mobile menu:

• Close button color is gone
• Share button has two issues it's hidden and the color is probably gone too

To Reproduce
Steps to reproduce the behaviour:

1. Go to the map view or any of the 4 views of the web client mzima: https://mzima-release.staging.ush.zone/map
2. Resize the browser to mobile or tablet
3. Click on the hamburger menu to open the mobile menu
4. See that close button no longer has color and share button is missing and no longer at the bottom of the mobile menu.

Expected look (Screenshot)
See screenshot for how the close and share button is supposed to look like in the mobile menu

Note: If you can't see the screenshot added on github, open the issue on linear (request for access to linear through our Gitter community channel or on slack).

Additional context

• It's possible that the color of the share button is affected too. Check this out too when you fix.
• Also see comments on this PR to help understand better: #382

_USH-926

Send “where to find what” type of content to the quick tour doc, and add the links to the terminologies section of the documents (for the features listed) below.

Completed

• Post filtering
• Saved searches
• User roles and management

To do

• Surveys (surveys & post)
• Posts (surveys & post)
• Categories
• Collections
• Datasources
• Donations
• Post Editing
• Post Locking*
• Translation
• Bulk actions

Note
This list will always grow and/or be updated

USH - 111

Description

The correct status not showing up on postcards

Expected result

The correct status should show up on postcards

• Edit a post
• Verify edits reflect on original post

Issues

• "Post not found" design does not look good on resize from desktop to tablet and mobile
• Tablet and mobile re-routes to "page not found" instead of "post not found", same thing on resize back to desktop
• It will be nice for "Post not found" to have its own route/url, even though it only occupies some part of the page

Video

routing-post-not-found.mov

If you can't see/play the video added on github, open the issue on linear (request for access to linear through our Gitter community channel or on slack).

_{From SyncLinear.com | USH-921}

Describe the bug
Back button not working once you try to search for a deployment

To Reproduce
Steps to reproduce the behavior:

1. Open mzima mobile client in xcode or android studio
2. Go to profile > switch deployment, you will find the deployments screen where there is a search input and list of deployments to choose from
3. Click on the search input to open up search in full screen
4. Click on the back button to try to go back to the deployments screen
5. See that the back button does not work

Expected behavior
Back button should take user back to the deployments screen

Screenshots

If you can't see the screenshot added on github, open the issue on linear (request for access to linear through our Gitter community channel or on slack).

_USH-927

USH - 111

Description: Map view post card/preview uses v5, while data view (left) uses v3.

Will also fix:
Post bands: Postcards (on map view) don’t have post bands

Categories have child categories under them. A child category takes on the permissions of the parent category it is created under.

• Navigate to categories page
• Create a category as a parent category
• Who can see the category:
  - Admin, Translation, Technology
• Create a category as a child category under the parent category (Select Parent Category that was created in earlier step)
• Verify child category created listed under Parent category
• Open child category
• Verify visibility matches parent category

Issue description

Rename menu-list-non-links Angular component name to better reflect its purpose in the web application

How to reproduce or check for this issue

• Follow the instructions to launch the web client locally at: https://github.com/ushahidi/platform-client-mzima#platform-client-mzima.
• Check the code for the component with name menu-list-non-links

Suggested/expected output

Rename the menu-list-non-links Angular component to menu-modal-popups instead (without breaking the functionality).

_USH-918

Sorting by Date Updated

• Login and navigate to Data View
• Click on Sorting
• Click on Date Updated(Newest first)
• Verify posts are sorted by date updated newest first
• CIick on Sorting
• Click on Date Updated (Oldest first)
• Verify posts are sorted by date updated oldest first

Send permissions-related content to roles and permissions: Legacy client doc for the following:

Completed

• Surveys
• Posts
• Post filtering
• Saved searches
• User roles and management
• Categories

To do

• Collections
• Datasources
• Donations
• Post Editing
• Post Locking*
• Translation
• Bulk actions

Note
This list will always grow and/or be updated

• Navigate to General Settings page
• Edit. deployment name
• Edit Description
• Save
• Verify changes reflect
• Verify API Key field should have a value

• Open Survey
• Fill in all fields
• Click Submit to complete response submission process

• Look through tests 1-4. (Categories, Posts, Collections, EditPosts)
• Verify that all elements in the tests are accessed using unique attribute in the format [data-qa=""]
• Where an element is accessed differently, add the unique attributes to the elements, and update the tests to use these attributes.

The automation test suite should run whenever changes are made to the platform code.

Description: The cards on the feed view left disappear when clicked on to open up the post detail. The only time all cards show up is when the user is back to the data view page route.

• Navigate to Settings - "…/settings/general"
• Add text " - Automated" to the Deployment name
• Click Save button
• Verify deployment name changes top right side
• Edit description field
• Click Save button
• Verify description is updated

Verify automated response sent in shows up in Data view as a card

Details can be seen are

• "Automated Title Response"
• "Automated Description Response"
• Name of respondent
• Status "Under Review"

Issue description

Rename menu-list-links Angular component name to better reflect its purpose in the web application

How to reproduce or check for this issue

• Follow the instructions to launch the web client locally at: https://github.com/ushahidi/platform-client-mzima#platform-client-mzima.
• Check the code for the component with name menu-list-links

Suggested/expected output

Rename the menu-list-links Angular component to menu-nav-views instead (without breaking the functionality).

_{From SyncLinear.com | USH-916}

Sorting by Date created

• Login and navigate to Data View
• Click on Sorting
• Verify Date Created(Newest first) is highlighted/selected
• Verify posts are sorted by date created newest first
• Click on Sorting
• Click Date Created (Oldest first)
• Verify posts are sorted by date created oldest first

Issue description and expected output/solution

Prevent "from scratch" writing of pull request descriptions when contributors are submitting pull requests - add a pull request template for platform client (mzima). How to add a pull request template?

• Take a clue from the legacy platform client's .github folder
• Also see Github documentation

_{From SyncLinear.com | USH-919}

During the post submission, the short text field is not detected in the CI environment. Figure out why, and a fix for it other than removing or skipping that field.

• Delete more than one user

USH - 111

Description: Post metadata code appears more than once in the codebase and could be made into a component.

Update cypress to the latest stable version.
Ensure tests pass with same consistency and nothing is broken after the update

• Log in users with various permissions levels and verify limitations

• Test the user-flow through the UI just one time.
• Subsequent tests will have the platform logged into programatically.

Issue description

The mobile client cannot connect to and therefore does not allow for testing or developing with the backend API locally.

How to reproduce the issue

• Follow the instructions to install and run the backend locally on your computer on the backend API's readme: https://github.com/ushahidi/platform#setup-essentials
• Test mobile client for android and/or iOS to see that issue described is present. Follow the instructions to clone, setup and launch the mobile client locally at: https://github.com/ushahidi/platform-client-mzima#platform-client-mzima.
• Go to the mobile client's env.json file and change the backend_url to your backend's localhost url as shown in the readme.
• On the app's user interface, go through or skip the mobile app's walkthrough, then navigate to the list of deployments. The local backend is not in the list.

Suggested/expected output

At the point where app detects that the backend url returned uses localhost, make it possible to find the locally hosted deployment on the list. It should run the locally hosted app successfully.

Screenshot

If you can't see the screenshot added on github, open the issue on linear (request for access to linear through our Gitter community channel or on slack).

_USH-913

Automate and verify creation of a parent category

• Log in as admin
• Navigate to categories (/settings/categories)
• Click Add Category
• Enter Category name (Automated Category)
• Enter Description name (Automated Description)
• Leave Parent Category name empty
• Verify Everyone is selected for category
• Save to create Category
• Verify newly created category exists in list of Categories

• Open a post
• Verify link in web address contains '../feed/102642/view?page=1&mode=POST'

**need to find an ID for specific post

Completed

• Post filtering
• Saved searches
• User roles and management

To do

• Surveys (surveys & post)
• Posts (surveys & post)
• Categories
• Collections
• Datasources
• Donations
• Post Editing
• Post Locking*
• Translation
• Bulk actions

Note
This list will always grow and/or be updated

• Login as an admin
• Navigate to collections
• Create a new collection
• Click Add Collection
  • Enter name as: "Automated Collection"
  • Enter Description as: "Automated Description"
  • Select "Only me" radio button
  • Click Save
• Add post to Collection
• Verify post added to Collection

Issue description

The purpose of the "Add new post" button is not reflected in way the component is named in the code.

How to reproduce or check for this issue

• Follow the instructions to launch the web client locally at: https://github.com/ushahidi/platform-client-mzima#platform-client-mzima.
• The "Add new post" is in the sidebar on the user interface, this should give you an idea of where to find it in the code.

Suggested/expected output

Rename the Angular component to add-web-post-button instead (without breaking the functionality).

_{From SyncLinear.com | USH-914}

Update this issue body when its time

This will be linked from the README file.
It will outline how to make contributions to the test automation suite.

e2e tests run but they don't pass. This has to do with the secrets. The user credentials are secrets in the main repo and it seems in forked repos, with the secrets missing, the tests don't pass.
Figure out a way around this so that contributors can see their tests run in the CI

Sign ups can be disabled for deployments. As a result, the Sign Up link is not available

• Log in as admin
• Navigate to settings
• Click on Disable User sign up
• Save changes
• Verify the Disable user sign up checkbox stays checked
• Log out
• Verify the Sign Up link is unavailable. Log in button should have only Log In fields and no Sign up links

Filter posts by Surveys

• Logging in, navigate to Data View
• Verify count on Results: 176 and Current results: 20/176
• Click Clear to unselect all Selected Surveys
• Verify Results count is 0
• Select the survey Counting and Results
• Verify Result count is 9, matching count on Survey
• Select Survey Polling Station Administration
• Verify Result count is now 13
• Select Survey Positive events
• Verify Result count is now 22
• Verify Current Results figure is 20/22
• Click Filters to reveal filters
• Click Clear All filters
• Verify count on Results: 176 and Current results: 20/176

Description

All you need to work on is step 3 from the all contributors doc page. Don't bother about steps 1 and 2 from the all contributors doc page.

Expected solution

In summary:

• Add the .all-contributorsrc file to the root of the platform client (mzima) repo
• Follow example from the backend platform API's .all-contributorsrc file, to add content to the .all-contributorsrc file you created. Note: The content should be modified to suit the platform client (mzima) repo accordingly, and the contributors property should have an empty array like this instead: "contributors": []

_USH-920

USH - 111

Description

• Users have to reload to get the correct postcards displayed after logging in or out
• Check if this affects any other thing updating on the pages and not just postcards

Expected result

Infos on the page should be updated after login and logout

Sorting by Post Date

• Login and navigate to Data View
• Click on Sorting
• Click on Post Date (Newest first)
• Verify posts are sorted by post date newest first
• CIick on Sorting
• Click on Post Date (Oldest first)
• Verify posts are sorted by post date oldest first

• Navigate to Surveys page
• Open Survey with name "Full Length Survey-with image-field-don't delete"
• Type in responses to all fields in the survey as such:
• Title => "Automated Title Response"
• Description => "Automated Description Response"
• Short Text Field => "Automated Short Text Response"
• Long Text Field => "Automated Long Text Response"
• Number Decimal Field => 99.9
• Number Integer Field => 100
• Date & Time Field => Click checkmark to accept current time
• Select Field => Select S1
• Radio Button => Select R2
• Checkbox Field => Select F3
• Click Submit to send response to Survey
• Verify confirmation modal
• Click Ok to dismiss portal
• Verify user is sent to Data View

• View data view as unlogged in user
• Log In
• Navigate to Data View
• Verify results count

The Share button appears on various pages of the platform. Let's verify the contents of the link to be shared that appears on the modals on the different pages.

• In Map page, click Share button
• Verify link in web address contains '..../map'
• Verify Twitter and Facebook buttons have correct links to twitter and facebook respectively
• Navigate to Data View
• Verify link in web address contains '../feed?page=1'

• Look through tests 1-4. (Login, Roles, Users, Surveys)
• Verify that all elements in the tests are accessed using unique attribute in the format [data-qa=""]
• Where an element is accessed differently, add the unique attributes to the elements, and update the tests to use these attributes.

Problems (interactions with UI)

• Some components/elements just disappear on the page on resize or after interacting with some other elements on the page.
• Post details behave weird: It some times appears more than once and uses both mobile and desktop appearances at some point.

Problems (with code)

Similar to the sidebar issues we fixed sometime ago, there are also code-related problems that affect the data/feed view's UI, or that makes it possible to break other things:

• Some things that could have been taken care of with CSS were done with javascript
• Code around this place is delicate and not really centralized. So while trying to fix the UI issues, you could be breaking collections (or maybe even saved searches, but collections majorly for now)

Proposed solution

Restructure both styles and javascript code for the feed view and components used within it.

Video 1: On resize related UI issues

feed-view-ui-unstable.mov

Video 2: Button focus and on load related UI issues

feed-view-btn-and-onload-ui.mov

If you can't see/play the videos added on github, open the issue on linear (request for access to linear through our Gitter community channel or on slack).

_{From SyncLinear.com | USH-922}