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

feat: improve user experience for nested NodeExecutions #77

Merged
merged 4 commits into from
Jun 30, 2020

Conversation

schottra
Copy link
Contributor

This feature branch makes some improvements to the UX for nested NodeExecutions

  • TaskExecutions are no longer shown in the list view.
  • NodeExecutions will now include a sub-title indicating the Task or Workflow associated with the node
  • Child NodeExecutions are organized by groups. Currently this only affects Task nodes, which are organized by Attempt #
  • Adjusted styling and layout for nested items in the list.

All changes on this branch have been reviewed as part of previous PRs: #70, #72, #75, #76

* feat: show workflow node name beneath node execution ids

* feat: updating DetailsPanel info for NodeExecutions

* fix lint errors

* adding tests for new formatter function

* test: adding new test for NodeExecutionDetails

* test: adding test for new code in NodeExecutionsTable
* refactor: fetch child node executions to determine expandability

* fix: handling detection of children for sub-workflows as well

* fix: poor performance with object-hash on some identifiers

* docs: cleanup and docs for newly exposed functions

* test: ensure request config is used for all levels

* chore: remove unused import
* refactor: removing specialized rows and rendering only nodes

* refactor: moving contexts up to common folder

* refactor: use a data cache for nested node mapping

* refactor: update loading of workflow data

* fix: update usage of NodeExecutions in graph tab

* fix: update TaskExecutionDetails to use data cache

* fix: getting tests and stories working again

* chore: docs and cleanup

* test: use a more robust element query

* refactor: use filter instead of reduce

* docs: adding some missing function docs
* test: creating dynamic task cases for NodeExecutionsTable stories

* fix: styling for child group labels

* fix: mock api context for NodeExecutionsTable stories

* test: mock nodeExecutionData endpoint

* chore: remove unused imports

* fix: extract nodes from subworkflows as well

* fix: adjust borders to make child groups more obvious

* refactor: checkpoint for getting the nesting styles correct

* refactor: adding logic for borders/spacing based on nesting/index

* fix: correct workflow execution table row styles
@codecov-commenter
Copy link

codecov-commenter commented Jun 30, 2020

Codecov Report

Merging #77 into master will increase coverage by 3.44%.
The diff coverage is 68.95%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master      #77      +/-   ##
==========================================
+ Coverage   59.22%   62.67%   +3.44%     
==========================================
  Files         365      361       -4     
  Lines        5687     5647      -40     
  Branches      847      837      -10     
==========================================
+ Hits         3368     3539     +171     
+ Misses       2319     2108     -211     
Impacted Files Coverage Δ
src/components/Cache/createCache.ts 76.92% <ø> (ø)
...nDetails/ExecutionNodeDetails/InputNodeDetails.tsx 0.00% <0.00%> (ø)
...Details/ExecutionNodeDetails/OutputNodeDetails.tsx 0.00% <0.00%> (ø)
.../ExecutionNodeDetails/TaskExecutionNodeDetails.tsx 0.00% <0.00%> (ø)
...ecutions/ExecutionDetails/NodeExecutionDetails.tsx 83.87% <ø> (+46.77%) ⬆️
...ents/Executions/Tables/WorkflowExecutionsTable.tsx 31.81% <ø> (ø)
src/components/Executions/Tables/contexts.ts 100.00% <ø> (ø)
src/components/Executions/types.ts 100.00% <ø> (ø)
src/components/hooks/index.ts 100.00% <ø> (ø)
src/components/hooks/useTask.ts 45.45% <0.00%> (-14.55%) ⬇️
... and 51 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 90362e2...097d94b. Read the comment docs.

@wild-endeavor
Copy link
Contributor

rubber stamp... i don't know what a javascript is.

Copy link
Contributor

@EngHabu EngHabu left a comment

Choose a reason for hiding this comment

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

Exciting!

@service-github-lyft-semantic-release
Copy link
Contributor

🎉 This PR is included in version 0.7.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants