JSDOM doesn't retrieve the "*style.backgroundColor = 'pink'" property set on a table row

Basic info:

• Node.js version: 8.1.2
• jsdom version: 11.2.0

Minimal reproduction case

const { JSDOM } = require("jsdom");

const document = new JSDOM(`
    <table>
      <thead>
        <tr><th>Time</th></tr>
        <tr><th>Customer Name</th></tr>
      </thead>
      <tbody>
        <tr><td>...</td><td>Ricki</td></tr>
        <tr><td>...</td><td>Ricki</td></tr>
        <tr><td>...</td><td>Anna</td></tr>
      </tbody>
    </table>
  `).window.document;

[].slice.call(document.querySelectorAll('tr')).forEach((tr) => { return tr.style.backgroundColor = 'pink'; });

// Expected to have an array of "pink" but got an array of empty values
// Result: [ '', '', '', '', '' ]
console.log([].slice.call(document.querySelectorAll('tr')).map((tr) => { return tr.style.backgroundColor; }));

How does similar code behave in browsers?

The same code works in the browser: https://jsfiddle.net/r0u9p0uv/

Am I missing something?

[TimothyGu]

We don’t support getting the style property as JS properties on style for now. You would have to use tr.style.getPropertyValue(). I believe @Zirro is working on a rewrite of the entire CSSOM support in jsdom, though, which should bring support for this feature.

[TimothyGu]

Note, we always try to implement the latest Editor’s Draft, so https://drafts.csswg.org/css-color/#named-colors.