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

Add QA page analysis chart #1725

Merged
merged 18 commits into from
Apr 23, 2024
Merged

Add QA page analysis chart #1725

merged 18 commits into from
Apr 23, 2024

Conversation

SuaYoo
Copy link
Member

@SuaYoo SuaYoo commented Apr 22, 2024

Resolves #1589

Changes

  • Adds chart with page match stats to the crawl QA tab
  • Updates "running" analysis status to include WACZ steps

Note, I deviated from the wireframes to remove the "QA Analysis" heading since we only have one card now. It also feels like "Page Match Analysis" is a more precise heading for this particular chart. Open to alternatives.

Manual testing

  1. Log in as crawler
  2. Go to archived item without any QA runs. Verify that analysis chart is not visible in "Pages"
  3. Go to archived item with a single QA run. Verify card and chart renders as expected
  4. Choose a different QA run. Verify chart renders as expected

Screenshots

Page Image/video
Archived Item - QA - Partially completed QA run Screenshot 2024-04-22 at 4 50 03 PM
Archived Item - QA - Completed QA run Screenshot 2024-04-22 at 4 11 20 PM
Archived Item - QA - Viewing older run while QA is running Screenshot 2024-04-22 at 4 18 44 PM
Archived Item - QA - Info tooltip Screenshot 2024-04-22 at 4 11 39 PM

Follow-ups

We'll probably want to refactor btrix-meter after conversation to TailwindComponent to simplify reusability.

@SuaYoo SuaYoo marked this pull request as ready for review April 22, 2024 23:57
@SuaYoo
Copy link
Member Author

SuaYoo commented Apr 23, 2024

Updated to move thresholds to tooltip per @emma-sg and @Shrinks99 feedback:

Screenshot 2024-04-22 at 5 32 13 PM

@emma-sg
Copy link
Member

emma-sg commented Apr 23, 2024

Some updated screenshots

Page Image/video
Archived Item - QA - Partially completed QA run Screenshot 2024-04-23 at 12 50 16 AM
Archived Item - QA - Completed QA run Screenshot 2024-04-23 at 12 50 27 AM
Archived Item - QA - Viewing older run while QA is running Screenshot 2024-04-23 at 12 51 02 AM
Archived Item - QA - Info tooltip Screenshot 2024-04-23 at 12 53 19 AM
Archived Item - QA - Bar segment tooltip Screenshot 2024-04-23 at 12 51 27 AM

@emma-sg
Copy link
Member

emma-sg commented Apr 23, 2024

Happy with this at this point!

@tw4l
Copy link
Member

tw4l commented Apr 23, 2024

Nice work!

Co-authored-by: Tessa Walsh <tessa@bitarchivist.net>
@emma-sg emma-sg merged commit dde1175 into main Apr 23, 2024
2 checks passed
@emma-sg emma-sg deleted the frontend-qa-analysis-chart branch April 23, 2024 14:37
() =>
html`<sl-tooltip
content=${qaRun.state.startsWith("stop")
? msg("This analysis run was stopped and is not complete.")
Copy link
Member Author

Choose a reason for hiding this comment

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

Nitpick, but this would include stopping, which isn't yet stopped. Maybe we should explicitly list stopped states in utils/crawler, by activeCrawlStates, to keep it all in one place?

Copy link
Member

Choose a reason for hiding this comment

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

Oh, I suppose that's true, but don't we only show finished qa runs here to select from? https://github.com/webrecorder/browsertrix/blob/main/frontend/src/pages/org/archived-item-detail/ui/qa.ts#L482-L484

import { pluralize } from "./localization";

// Add to this as necessary!
const plurals = {
Copy link
Member Author

Choose a reason for hiding this comment

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

Nice, thanks for this!

return stats;
},
args: () =>
[this.orgId!, this.crawlId!, this.qaRunId, this.authState] as const,
Copy link
Member Author

Choose a reason for hiding this comment

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

This is pretty awesome

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.

QA UI: Crawl analysis metrics summary
3 participants