DX: PR Comment Story

[ChristopherPHolder]

PR Comment Stories

• Content of Markdown report
• Behaviour of comment in a PR
• Multiple user-flow reports in one PR

Questions

1. What is our target audience? a. Developer, that a really cares about the performance of his app b. Tech lead or person how approves pr and maintains code quality
2. What does this feature help? a. He can see a quick summery of the results b. Want to make sure the new code is of the appropriate quality

Content of Markdown report

• [x] https://github.com/push-based/user-flow/issues/209

Behavior of comment in a PR

• [x] #93
  • [x] When opening a PR it generates the first comment
  • [x] When running the next audit it hides the previous comment and adds a new one
• [ ] #95
  • [ ] add a flag to decided whether to chose how you want comments to behave - keepComments

Multiple user-flow reports in one PR

• [x] use custom folder to avoid conflicts for test results + aggregate all file content - #101

[ChristopherPHolder]

User Flow Audit Report

Basic Navigation Audit

__Date/Time: 2022-11-03 15:06__

Audit Results

| Step Name | Gather Mode | Performance | Accessibility | Best Practices | Seo | Pwa | | :---------------------- | :---------: | :---------: | :-----------: | :------------: | :-: | :-: | | Navigate to coffee cart | navigation | 90 | 97 | 100 | 83 | 30 | | Select coffee | timespan | 10/11 | - | 7/7 | - | - | | Coffee selected | snapshot | Ø 3/3 | 16/16 | 5/5 | 7/9 | - | | Checkout order | timespan | 13/13 | - | 5/7 | - | - | | Order checked out | snapshot | Ø 3/3 | 17/18 | 5/5 | 7/9 | - | | Submit order | timespan | 13/13 | - | 6/7 | - | - | | Order submitted | snapshot | Ø 3/3 | 15/16 | 5/5 | 7/9 | - |

Configurations

| View-port | Network Throttling | CPU Throttling | :---: | :---: | :---: | | mobile | Fast 3G | 4x |

Infinite Scrolling Audit

__Date/Time: 2022-11-03 15:06__

Audit Results

| Step Name | Gather Mode | Performance | Accessibility | Best Practices | Seo | Pwa | | :---------------------- | :---------: | :---------: | :-----------: | :------------: | :-: | :-: | | Navigate to coffee cart | navigation | 90 (10⏫) | 97 | 100 | 83 | 30 | | Select coffee | timespan | 10/11 (1⏬) | - | 7/7 | - | - | | Coffee selected | snapshot | Ø 3/3 | 16/16 (1⏫) | 5/5 | 7/9 | - | | Checkout order | timespan | 13/13 | - | 5/7 (2⏬) | - | - | | Order checked out | snapshot | Ø 3/3 | 17/18 | 5/5 | 7/9 | - | | Submit order | timespan | 13/13 | - | 6/7 (1⏬) | - | - | | Order submitted | snapshot | Ø 3/3 | 15/16 | 5/5 | 7/9 | - |

Configurations

| Config Name | Details | | :------------- | :-----: | | View-port | mobile | | Network Throttling | Fast 3G | | CPU Throttling | 4x |