VCB Zeeter - UI Tests

ui_tests.yaml

# UI Tests
# This file contains test scenarios converted from JSON format

tests:
  user_onboarding:
    id: id_0
    title: User Onboarding
    purpose: To verify that new users can successfully sign up and access their feed.
    num_substeps: 4
    steps:
      - 1. Navigate to the Zeeter homepage and click 'Sign Up'.
      - 2. Sign up via email and password.
      - 3. Create a profile by entering display name, bio, and uploading a profile picture.
      - 4. Confirm the profile creation and verify landing on the main feed.
  post_creation:
    id: id_1
    title: Post Creation
    purpose: To verify that users can create and share posts.
    num_substeps: 5
    steps:
      - 1. If user credentials are provided, use them to log into Zeeter. Otherwise, make an account.
      - 2. Locate the post creation box at the top of the feed.
      - 3. Enter a text post with less than 280 characters of content.
      - 4. Click 'Post' to share the update.
      - 5. Verify that the new post appears at the top of the user's feed.
  updating_user_profile:
    id: id_2
    title: Updating User Profile
    purpose: To verify that users can update their profile information successfully.
    num_substeps: 5
    steps:
      - 1. If user credentials are provided, use them to log into Zeeter. Otherwise, make an account.
      - 2. Navigate to the Account or Profile page.
      - 3. Update the user's bio to have different content.
      - 4. Click 'Save Changes' and check for an on-screen confirmation.
      - 5. Verify that the profile information reflects the changes in the user's feed.
  post_editing_and_deletion:
    id: id_3
    title: Post Editing and Deletion
    purpose: To verify that the user can edit and delete their posts.
    num_substeps: 7
    steps:
      - 1. If user credentials are provided, use them to log into Zeeter. Otherwise, make an account.
      - 2. Write a new post with the content 'Hello World'.
      - 3. Edit the post to say 'Hello Zeeter World'.
      - 4. Confirm the edit was successfully made to the original post to show only 'Hello Zeeter World'.
      - 5. Click 'Delete' on the post and confirm deletion.
      - 6. Check that the post is no longer visible in the feed.
      - 7. Navigate to the user profile page and verify the post is not visible.
  visitor_browsing:
    id: id_4
    title: Visitor Browsing and Restrictions
    purpose: To verify that visitors can browse public content but cannot interact without an account.
    num_substeps: 8
    steps:
      - 1. Sign up with a new account (User A).
      - 2. While logged in as User A, create a public post with sample content ("Post from User A").
      - 3. Navigate to User A's profile page and observe the recent post. Note the profile URL or username.
      - 4. Sign out from the User A account to become a visitor.
      - 5. Navigate directly to User A's public profile using the URL or username from step 3.
      - 6. Verify that User A's post from step 2 is visible on the public profile.
      - 7. Attempt to interact with the post - verify that like and comment buttons are either disabled or the visitor is prompted to sign in.
      - 8. Go to the home screen with the main feed. Verify that the post creation box is not available or prompts to sign in when accessed.
  following_and_feed:
    id: id_5
    title: Following Members and Personalized Feed
    purpose: To verify that users can follow other members and see their content in a personalized feed.
    num_substeps: 11
    steps:
      - 1. Sign up with a new account (User A).
      - 2. While logged in as User A, create a post with distinctive content ("Post from User A").
      - 3. Note User A's username or profile identifier, then sign out.
      - 4. Create a second member account (User B) with a different email and password.
      - 5. While logged in as User B, search for or navigate to User A's profile.
      - 6. Click the 'Follow' button on User A's profile.
      - 7. Verify that the follow action was successful (button changes to 'Following' or similar indicator).
      - 8. Navigate to the home feed or personalized feed page.
      - 9. Verify that User A's post from step 2 appears in User B's feed.
      - 10. Sign out from User B and sign back in as User A.
      - 11. Navigate to User A's notifications page and verify there is a notification that User B followed them.
  post_interactions:
    id: id_6
    title: Post Interactions - Likes and Comments
    purpose: To verify that users can like and comment on content, and that appropriate notifications are generated.
    num_substeps: 11
    steps:
      - 1. Sign up with a new account (User A).
      - 2. While logged in as User A, create a post with sample content ("Original post by User A").
      - 3. Sign out from User A account.
      - 4. Create a second member account (User B) with a different email and password.
      - 5. While logged in as User B, navigate to User A's profile or search for their post.
      - 6. Find User A's post from step 2 and click the 'Like' button.
      - 7. Verify that the like count increments and the like button shows an active state.
      - 8. Click the 'Comment' button or field on User A's post.
      - 9. Write a comment ("Great post from User B!") and submit it.
      - 10. Verify that the comment appears in the comment thread under the post.
      - 11. Sign out from User B, sign back in as User A, navigate to notifications page, and verify there are notifications for the like and comment from User B.
  feed_sorting_and_search:
    id: id_7
    title: Feed Sorting and Search
    purpose: To verify that users can sort their feed by newest/trending and search by keywords/hashtags.
    num_substeps: 6
    steps:
      - 1. If user credentials are provided, use them to log into Zeeter. Otherwise, make an account (User A).
      - 2. Create a post with the content "Hello World".
      - 3. Create another post with content including a unique hashtag ("Testing #zeeterfeatures today").
      - 4. Use the feed sort controls to sort by 'Newest' and verify that the posts appear in chronological order.
      - 5. Use the search functionality to search for the hashtag "#zeeterfeatures" and verify that the post with that hashtag appears in the search results.
      - 6. Verify that the "Hello World" post is not shown in the hashtag search results.
  post_character_limits_and_media:
    id: id_8
    title: Post Character Limits
    purpose: To verify character limits functionality.
    num_substeps: 5
    steps:
      - 1. If user credentials are provided, use them to log into Zeeter. Otherwise, make an account.
      - 2. Attempt to create a post with more than 280 characters.
      - 3. Verify that the system prevents posting or truncates the content at 280 characters.
      - 4. Create a post with exactly 280 characters.
      - 5. Verify that the post is successfully created.