Skip to content

test(e2e): add unit tests for card, dropdown, discussion, feed, footer, events and form selector components - #2252

Open
LucasEdwa wants to merge 4 commits into
activist-org:mainfrom
LucasEdwa:test/add-more-unit-tests
Open

LucasEdwa wants to merge 4 commits into
activist-org:mainfrom
LucasEdwa:test/add-more-unit-tests

Conversation

@LucasEdwa

Copy link
Copy Markdown
Contributor

Summary

  • Adds unit tests for Card* components (change-account-info, connect, discussion, about, and standalone cards), dropdown components, ComboboxTopics, and Discussion/DiscussionHeader.
  • Adds unit tests for Feed, FeedItem, FooterWebsite, Events* components, and FormSelectorCombobox* selectors.
  • Includes a couple of accompanying bug fixes surfaced while writing tests: a stray assignment (= vs ===) in FeedItem.vue that made the PEOPLE icon always render, and an incorrect aria-label binding in FooterWebsite.vue that used the visible link name instead of each link's dedicated ariaLabel.

Test plan

  • frontend/test/components/** unit tests added/pass locally via Vitest
  • CI green

…ponents

- Created tests for CardChangeAccountInfo and its subcomponents (Email, Password, Username) to ensure proper rendering and functionality.
- Implemented tests for CardConnect and its related components (Event, Group, Organization) to validate social link rendering and modal interactions.
- Added tests for CardDiscussion and its entries, including input handling and rendering of discussion details.
- Developed tests for dropdown components (DropdownCreate, DropdownDateFilter, DropdownInfo, DropdownLanguage, DropdownUserOptions) to verify menu interactions and options rendering.
- Ensured all tests check for correct labels, aria attributes, and user interactions.
@netlify

netlify Bot commented Jul 13, 2026

Copy link
Copy Markdown

Deploy Preview for activist-org ready!

Name Link
🔨 Latest commit 24d6180
🔍 Latest deploy log https://app.netlify.com/projects/activist-org/deploys/6a556a7d98df81000882cc6e
😎 Deploy Preview https://deploy-preview-2252--activist-org.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions

Copy link
Copy Markdown
Contributor

Thank you for the pull request! ❤️

The activist team will do our best to address your contribution as soon as we can. The following are some important points:

  • Those interested in developing their skills and expanding their role in the community should read the mentorship and growth section of the contribution guide
  • If you're not already a member of our public Matrix community, please consider joining!
    • We'd suggest that you use the Element client as well as Element X for a mobile app
    • Join the General and Development rooms once you're in
  • Also consider attending our bi-weekly Saturday developer syncs!
    • Details are shared in the Development room on Matrix each Wednesday before the sync
    • It would be great to meet you 😊

Note

activist uses Conventional Comments in reviews to make sure that communication is as clear as possible.

@github-actions

Copy link
Copy Markdown
Contributor

Maintainer Checklist

The following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)

  • Tests for changes have been written and the TypeScript, pytest and formatting workflows within the PR checks do not indicate new errors in the files changed

  • The Playwright end to end and Zap penetration tests have been ran and are passing (if necessary)

  • The changelog has been updated with a description of the changes for the upcoming release and the corresponding issue (if necessary)

@andrewtavis

Copy link
Copy Markdown
Member

Hi @LucasEdwa 👋 Thanks for your interest in the project :) Would you be able to rebase main?

@andrewtavis andrewtavis added the frontend Relates to the project frontend label Jul 25, 2026

@nicki182 nicki182 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

praise: thank you for this PR. Just put back some files to its original state and it should be fine and the test files created based on them you can remove them, we will create them when they are properly implemented

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

please put back the changes from this file. Its a component not being used but will be

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

same here, please return the file on the previous state

</p>
<div class="mt-1 flex gap-10 sm:mt-0 sm:flex-col sm:gap-0">
<template v-for="(connect, index) in links.connectLinks">
<!-- aria-label uses `connect.ariaLabel`, not `connect.name` (the

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

remove this comment, its too long and unnecessary

@andrewtavis

Copy link
Copy Markdown
Member

Please let us know if you need support finalizing this PR, @LucasEdwa!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend Relates to the project frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants