Lint HTML

[36degrees]

What

Lint the HTML outputted by our macros to ensure it's sensible and consistent.

Why

Further detail

As part of this, we might want to check for:

• lowercased SVG attributes that should be camel-cased (see SVG viewBox attribute issue with Angular #1780)

[36degrees]

I'm closing this as we now have HTML linting in place (see src/govuk/components/components.template.test.js).

We still don't have a linting rule that covers the specific issue mentioned here (camel-casing SVG attributes). I'm unsure whether Angular is better at handling lowercase attributes now, but given we haven't seen this reoccur we should just keep an eye on it for now.

If it does come up again, we could consider writing our own rule for HTMLValidate that ensures SVG attributes are correctly cased.