Improved “single error” by URL view

[postphotos]

As a developer using the AMP for WordPress plugin, I should have improved organization of errors that occur by error type.

• AC1: Implement the new design linked below. This sunsets the "accordion" layout and introduces a "table" layout for single URL error listings.

  • Allow errors to be collapsable (and expandable).
  • Incorporate the new "Sources" layout.
  • Incorporate the new "Error Type" column.
  • respect "stale" errors as discussed elsewhere.

• AC2: Incorporate facets by "Error Type" so that a developer could see just errors by Javascript for a given single URL, for example.

• AC3: Also Incorporate search to manipulate which errors are shown in the table listing. Search would appear above the table.

• AC4: Allow for bulk actions to accept, reject and delete errors on a per-error basis.

• AC5: Continue to provide a full stack trace information/error dump in the form of a collapsible blob, as shown on the mockups and currently implemented as of v1.0-beta2.

• AC6: Provide extended "status" information

Based on the new screen described here here here Final Designs: [ Page 1 ] [ Page 2 ], additional actions and an improved UI will allow a developer to better understand what errors occur on a per-URL basis and how to quickly action to suppress errors if they choose to do so.

The UI includes organizing the error blocks and provides a link to the appropriate place for the given user to understand how to best action to resolve the error long term, likely using the taxonomic data from #1360 to connect to relevant pages from amproject.org or ampbyexample.com or our documentation.

[postphotos]

@jwold @jillchu - I'd also like your thoughts on how to surface @kienstra's comment here to benefit this ticket as it hasn't been discussed yet and we shouldn't lose this feature in the new version of single error views.

[postphotos]

As discussed in today's backlog grooming call, this screen's intention is to

• give clear details for a single URL (and all its error occurrences)
• Give them a way to action on singular or multiple errors
• Give them a way to stage errors in preview (as currently available to a user in the current version of the plugin)

[kienstra]

In Progress

I'm working on this (1365) now, on this branch.

[kienstra]

Question About Latest Designs

Hi @postphotos,
Are these these the latest designs for the single URL page?

Thanks 😄

[postphotos]

Hi @kienstra - yes, and I've updated the story! Missed this ticket. 🥇

[postphotos]

@kienstra - per our call today, can you sync with @jillchu @jwold for design QA here?

[kienstra]

Sure, @postphotos!

[kienstra]

Request For Testing

Hi @csossi,
Could you please test the single error URL page (like this) against this issue's ACs and the design?

Please use this staging site, as it has the latest corrections from PR #1462.

And please see this screencast for the expected functionality of this page.

[csossi]

Verified in QA

Assumption here is that tooltip positioning is a separate issue logged elsewhere

[kienstra]

Hi @csossi,
Thanks for testing this.

Assumption here is that tooltip positioning is a separate issue logged elsewhere

Yes, the tooltips are in #1400.