Hylo Redesign Testing Instructions (Web)

Instructions and important links for testing Hylo's redesign on the web platform

Step 1: Get Access to Hylo Staging Environment

• To set up an account on staging, navigate to https://staging.hylo.com/login

  • Click "Log In" - using your existing Hylo account email address

• If you are signing up w/ another account, follow these steps

  • Click Sign Up

  • Enter your email address

  • Check your email for a 6-digit security code

  • Enter the code and create your password

  • Complete your profile setup

  • Once you are logged in, please join the Building Hylo on Staging on Staging as well as Hylo Product Testers on Staging.

• Turn ON notifications in all your groups

  • Once you are logged into the Staging environment, click on your photo icon in the upper left corner of Hylo to access Notifications

  • Scroll down to Notifications (under Account)

  • Under Group Notifications, toggle ON push notifications and email notifications for All Groups

    

Step 2: Find your assignment in the Hylo Test Plan

• Accessing Hylo’s Test Plan - link here

  • Note: the feature sets are divided into various sections

• Under "Welcome" you will see a link to this Testing Plan and Canny, as well as a list of testers, the feature set they will be testing, and their email.

• Locate your assigned feature section(s) [feature sets are split into tabs]

• Review the testing guidelines at the top of your section(s)

• Note: Each test in your assigned section(s) will include instructions on how to test each feature and an expected result.

Step 3: Conduct your tests

• For each section you are assigned, we ask that you test every feature and include your results in the spreadsheet.

• Conduct tests on your desktop browser (assigned) and on your mobile browser (assigned)

• You will enter your name adjacent to each test, the date you tested the feature and the result.

• Mark each test as Pass/Fail/"?" in the provided spreadsheet

  • If it is a Fail, you will submit a bug in Canny if there is any deviation from expected behavior, visual inconsistencies, performance issues, or functionality failures [see instructions on submitting bugs below]

  • If you have questions, please enter a "?", create a comment and tag Krisha Subramanian and Tibet Spraguewith your question
• Include the browser you are using for the test

• Link the canny issue in the spreadsheet [see instructions BELOW]

Step 4: Submit any bugs you find

• We use Canny to submit bugs
• To submit a bug, navigate to Canny.
• Search for existing bugs for your issue in Canny using the search bar. If your issue hasn't already been reported, you will see an area at the top of the page to submit your bug report.
• In the Description, you will include:

  • Bug Description:

    • Clear summary of the issue

    • Steps to reproduce

    • Expected vs. actual behavior

    • Supporting Materials including screenshots/screen recordings

  • Device Details:

    • Platform (Mobile/Web)

      • Mobile app version (if applicable)

      • Browser and version (for web)

      • Operating system

  • Please see the Example Bug Report Below

    • Title: Post content becomes invisible ("whited out") when clicked in Stream view

    • Summary of the issue: When viewing posts in the Stream of the Hylo Product Testers group, clicking on any post causes its content to become invisible, appearing as a blank white space.

    • Steps to Reproduce:

      • Navigate to Building Hylo group Stream

      • Locate any post (confirmed with both an event post and a proposal post)

      • Click on the post to view details

      • Observe that the post content becomes invisible

    • Expected Behavior Post content should remain visible and readable when clicked, maintaining the same appearance as in the Stream view. the post to appear the same after clicking on it. Actual Behavior: Post content disappears, showing only a white space where text should be displayed.

    • Supporting Materials: (please see screenshot)
    • Device Details:

      • Operating System: macOS

      • Browser: Chrome

      • Group: Building Hylo

Step 5: Bug Report Follow-up

• Monitor your reported bugs for questions

• Respond to requests for additional information

• Update bug status if you discover new information

• Once a bug you created has been closed, you will receive a notification email from Canny, after which you can retest the feature

• Once a week do a full run through of all your assigned tests, in case something broke when fixing other bugs