valign is not being transformed

[TheComp44]

HAST transforms property names with acronyms into camelcased names:

Acronyms in names are treated as a normal word and the previous rules apply. For example, itemid become itemId and bgcolor becomes bgColor.

Likewise, valign becomes vAlign in a HAST, but the plugin only checks for the lowercase property name, which misses on all HASTs.

This is a problem when using rehype-react as react complains about the unknownvAlign prop which is passed on to the component.

[TheComp44]

I've just checked and the tests seem to be failing for the PR, but I think the problem is with rehype-parse. I think it uses the svg namespace for the tests for some reason, which doesn't transform property names.

But I have tested with both rehype-dom-parse (in the browser) as well as using hastscript directly and both are transforming property names according to the HAST spec:

import { h } from "hastscript";
import tableCellStyle from "@mapbox/hast-util-table-cell-style";

console.log(tableCellStyle(h("td", { valign: "top", align: "left" })));

yields:

{
  type: 'element',
  tagName: 'td',
  properties: { vAlign: 'top', style: 'text-align: left;' },
  children: []
}

[TheComp44]

I was wrong. The tests just used an outdated version of unified, rehype-parse and rehype-stringify. Should update those dependencies, but then the tests have to be rewritten to support ESmodules as unified can't be required anymore.