Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: [M3-7528] - Account Cancellation Survey Button Color Issues #11412

Merged
merged 4 commits into from
Dec 17, 2024

Conversation

carrillo-erik
Copy link
Contributor

@carrillo-erik carrillo-erik commented Dec 12, 2024

Description 📝

The original bug reported was that the action button on the Account Cancellation page would change from green to blue when the user would hover over it. However, an additional bug was discovered in which the Akamai logo would not display properly in Light Mode. This PR addresses both issues by updating the color of the action button to be consistent with the rest of the application, as well as its state behaviors in Light and Dark modes, and displaying the Akamai log in color when the user is in Light Mode.

Changes 🔄

  • Removes CSS styling which caused the original reported bug.
  • Introduces logic to show the appropriate Akamai logo depending on the user theme preferences.

Preview 📷

Before After
before-normal-light after-normal-light
before-on-hover-light after-on-hover-light
before-normal-dark after-normal-dark
before-on-hover-dark after-on-hover-dark

How to test 🧪

Prerequisites

(How to setup test environment)

  • Run the following command yarn cy:run -s "cypress/e2e/core/account/account-cancellation.spec.ts"

Verification steps

(How to verify changes)

  • Observe the Exit Survey modal that appears as the tests run and verify that the changes are consistent with the details stated above.
  • Once the tests are finished, hover over the command outputs on the Cypress UI to replay the test and verify the hover state behavior of the button.
Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support


  • I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

  • All unit tests are passing
  • TypeScript compilation succeeded without errors
  • Code passes all linting rules

@carrillo-erik carrillo-erik self-assigned this Dec 12, 2024
@carrillo-erik carrillo-erik marked this pull request as ready for review December 13, 2024 16:11
@carrillo-erik carrillo-erik requested a review from a team as a code owner December 13, 2024 16:12
@carrillo-erik carrillo-erik requested review from hkhalil-akamai and pmakode-akamai and removed request for a team December 13, 2024 16:12
Copy link

github-actions bot commented Dec 13, 2024

Coverage Report:
Base Coverage: 86.98%
Current Coverage: 86.98%

Copy link
Contributor

@jdamore-linode jdamore-linode left a comment

Choose a reason for hiding this comment

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

Nice work @carrillo-erik, thanks! Confirmed that the logo and button both look as expected with the dark and light theme

@jdamore-linode jdamore-linode added the Add'tl Approval Needed Waiting on another approval! label Dec 13, 2024
Copy link
Contributor

@coliu-akamai coliu-akamai left a comment

Choose a reason for hiding this comment

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

✅ confirmed button fixes for both light and dark mode
✅ confirmed logo light mode fixes

thank you!

@coliu-akamai coliu-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Dec 13, 2024
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🔺 1 failing test on test run #4 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
1 Failing468 Passing2 Skipped102m 5s

Details

Failing Tests
SpecTest
lke-update.spec.tsLKE cluster updates » can add and delete node pool tags

Troubleshooting

Use this command to re-run the failing tests:

yarn cy:run -s "cypress/e2e/core/kubernetes/lke-update.spec.ts"

@carrillo-erik carrillo-erik merged commit 226c3cb into linode:develop Dec 17, 2024
22 of 23 checks passed
Copy link

cypress bot commented Dec 17, 2024

Cloud Manager E2E    Run #6985

Run Properties:  status check passed Passed #6985  •  git commit 226c3cbbd6: fix: [M3-7528] - Account Cancellation Survey Button Color Issues (#11412)
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6985
Run duration 25m 17s
Commit git commit 226c3cbbd6: fix: [M3-7528] - Account Cancellation Survey Button Color Issues (#11412)
Committer carrillo-erik
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 1
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 469
View all changes introduced in this branch ↗︎

dmcintyr-akamai pushed a commit to dmcintyr-akamai/manager that referenced this pull request Jan 9, 2025
…ode#11412)

* fix : [M3-7528] - Account Cancellation Survey Button Color Issues

* Add changeset
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Approved Multiple approvals and ready to merge!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants