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

upcoming: [DI-22217] - Added the Alert Listing page with Alerting Table and added relevant api endpoints #11346

Conversation

santoshp210-akamai
Copy link
Contributor

@santoshp210-akamai santoshp210-akamai commented Dec 2, 2024

Description 📝

  • Added the Alert Listing component
  • Added the AlertTableRow component

Changes 🔄

List any change(s) relevant to the reviewer.

  • Added the AlertListing component with UT
  • Added the AlertTableRow component with UT
  • Added GET request to fetch the alert definitions
  • Changed the AlertDefinitionType to 'system'|'user'
  • Added the AlertIcon svg for the Empty State for AlertListing component

Target release date 🗓️

Please specify a release date (and environment, if applicable) to guarantee timely review of this PR. If exact date is not known, please approximate and update it as needed.

Preview 📷

Before After
image image

How to test 🧪

Prerequisites

  • The tabs are controlled by a featureFlag called aclpAlerting, the flag has been currently disabled. For testing enable the definitions part of the aclpAlerting flag to be true.
  • The API endpoints are not live yet, so use Legacy MSW Handlers for the mock responses.
  • This PR only contains the Table, the ordering, pagination will part of next PR.
  • The Handlers for the rows in the Table are not yet part of this PR. It is dependent on another PR so it will part of that.

Verification steps

(How to verify changes)

  • The page to /monitor/alerts/definitions is the AlertListing component
  • There is a TableRowError component if the API returns an error
  • There is a TableRowLoading component if the API is still loading
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

…s, Table rows and added the GET api endpoint and mockServer for fetching alert definitions
@santoshp210-akamai santoshp210-akamai requested a review from a team as a code owner December 2, 2024 13:10
@santoshp210-akamai santoshp210-akamai requested review from bnussman-akamai and coliu-akamai and removed request for a team December 2, 2024 13:10
@santoshp210-akamai santoshp210-akamai self-assigned this Dec 2, 2024
Copy link

github-actions bot commented Dec 2, 2024

Coverage Report:
Base Coverage: 86.84%
Current Coverage: 86.85%

@santoshp210-akamai
Copy link
Contributor Author

There are still on-going discussions with respect to the columns of the table in the Mockups with UX team, These are the currently agreed upon changes, there's a possibility of couple of columns re ordered or removed.
cc: @jaalah-akamai

Copy link
Contributor Author

@santoshp210-akamai santoshp210-akamai Dec 3, 2024

Choose a reason for hiding this comment

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

This file will be replaced before the PR is merged as the icon is not looking good on the UI. There are some confirmations from the UX side.

We will omit the file and then add the icon when we receive it from the UX team.

…ved waitFor in the unit tests and removed Severity column, removed the Placeholder Icon for Alerts Landing empty state
…he TableHead Row, Replaced referencing colors directly and used theme styling for colors
Comment on lines +29 to +39
<TableCell>
<Typography
color={
status === 'enabled'
? theme.tokens.color.Green[70]
: theme.tokens.color.Neutrals[60]
}
>
{capitalize(status)}
</Typography>
</TableCell>
Copy link
Member

Choose a reason for hiding this comment

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

This is fine but I'm wondering why UX didn't just use our Status Icon

@bnussman-akamai bnussman-akamai added Add'tl Approval Needed Waiting on another approval! and removed Ready for Review labels Dec 5, 2024
…er AlertListingTableLabelMap, used shorthand
@jaalah-akamai
Copy link
Contributor

@santoshp210-akamai Update with latest from develop and we'll merge this - it's good to go

@jaalah-akamai jaalah-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Dec 6, 2024
merging latest changes from linode/develop
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🎉 466 passing tests on test run #11 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing466 Passing2 Skipped97m 14s

@jaalah-akamai jaalah-akamai merged commit 652b2aa into linode:develop Dec 10, 2024
23 checks passed
Copy link

cypress bot commented Dec 10, 2024

Cloud Manager E2E    Run #6942

Run Properties:  status check failed Failed #6942  •  git commit 652b2aad72: upcoming: [DI-22217] - Added the Alert Listing page with Alerting Table and adde...
Project Cloud Manager E2E
Branch Review develop
Run status status check failed Failed #6942
Run duration 32m 30s
Commit git commit 652b2aad72: upcoming: [DI-22217] - Added the Alert Listing page with Alerting Table and adde...
Committer santoshp210-akamai
View all properties for this run ↗︎

Test results
Tests that failed  Failures 1
Tests that were flaky  Flaky 5
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 466
View all changes introduced in this branch ↗︎

Tests for review

Failed  cypress/e2e/core/linodes/linode-config.spec.ts • 1 failed test

View Output Video

Test Artifacts
Linode Config management > End-to-End > Clones a config Screenshots Video
Flakiness  switch-linode-state.spec.ts • 1 flaky test

View Output Video

Test Artifacts
switch linode state > reboots a linode from details page Screenshots Video
Flakiness  update-linode-labels.spec.ts • 1 flaky test

View Output Video

Test Artifacts
update linode label > updates a linode label from the "Settings" tab Screenshots Video
Flakiness  backup-linode.spec.ts • 1 flaky test

View Output Video

Test Artifacts
linode backups > can enable backups Screenshots Video
Flakiness  search-linodes.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Search Linodes > create a linode and make sure it shows up in the table and is searchable in main search tool Screenshots Video
Flakiness  rescue-linode.spec.ts • 1 flaky test

View Output Video

Test Artifacts
Rescue Linodes > Can reboot a Linode into rescue mode Screenshots Video

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! Cloud Pulse - Alerting Cloud Pulse
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants