report(lightwallet): render performance-budget section

[khempenius]

Summary

Related Issues/PRs
#8675, #8427, #8709, #8708,#8522, #8539

[paulirish]

note: current rendering is roughly this: https://lighthouse-dti65h1bz.now.sh/

---

This is just the basic table to start?

Seems like you'll have a followup that adds the "over budget" column and all that, yeah?

[khempenius]

Updated.

[brendankenny]

@paulirish is it possible to redeploy this with new master?

[brendankenny]

@khempenius this is looking good to me. Do you mind rebasing/merging from master so that this pulls in the change (#8870) to get performance-budget results in the sample json? Should clean up some of the tests and make the auto deployed example include the table

[paulirish]

woohoo! now we got budget section in the now deployment! https://lighthouse-gce0hkow5.now.sh/

[exterkamp]

LGTM. The only nit I have is that when a budget fails the info kinda shows up twice in the Budgets group and in the Diagnostics group:

But that's not really a showstopped.

[brendankenny]

looking good! Mostly style nits now

[patrickhulce]

wohoo we are almost there!! 😮 🎉

[khempenius]

Updated.

All resolved except this comment from @patrickhulce:
"also not sure if we should do this by audit id or by group and/or if there's any point to having the budgets group anymore if we keep it by id?

FWIW I think I'd lean towards group since that's how we're doing everything else, but then again it might be a bit confusing that it's a single audit in the group so 🤷‍♂"

[brendankenny]

LGTM!

[brendankenny]

🎉 🎉