Infra Server Node details page --- Details Tab

[vinay033]

User Story

Manage to automate UI work
we need to create the UI for the infra server node details page, also we need to add tabs to show the details and attributes of the node.

There should be an option to manage environments from the details page. Clicking on the Manage Environment should take to the Environments tab for the server.

screenshots

Details tab

The latest UX design to be referred is here:
https://www.figma.com/file/8SC43OWiNt7sqEjB1wNkVG/Manage-Automate-Node?node-id=0%3A1

The corresponding API:

Acceptance Criteria

• The node detail information should be as per the data stored in Chef Server
• The metadata information of the Node on this page cannot be modified or tweaked
• Any change of the Node information in the Server will change with the refresh of the page.
• The environments listed can be only the ones available in the organization.

Definition of Done

• Developed according to UX wireframe/Requirement Document
• Demoed the feature to UX
• Unit test cases (coverage at least 70%)
• Ensure compatibility with all supporting browser
• Smoke Testing is done
• All Review Comments are resolved
• At least 2 PR approvals required
• Code should pass and clear linting
• Code is Optimized/Refactored as necessary and observed
• Screen shot of the feature developed is provided in the issue
• Cypress Testing is included and covers all the scenarios.
• Documentation of the feature needs to be completed.
• Buildkite pipeline should be green

Testing steps

Aha! Link: https://chef.aha.io/epics/SH-E-232