DOMElement - Invalid style properties are not ignored

[adir-n]

🐛 Bug Report

When creating a DOM element from a string (by setting innerHTML), an invalid property in style should be ignored, but it is not.

To Reproduce

Set invalid value for a property in the style attribute of an element:

var parent = document.createElement("div");
parent.innerHTML = '<div style="font-size:1r5px">some text<div>';

Expected behavior

The style length of the child element (created in by setting innerHTML) should be 0:

var element = parent.querySelector("div");
expect(element.style.length).toBe(0);

Link to repl or repo (highly encouraged)

link to repo

The test "length of invalid style should be 0" should pass, but it fails.

Run npx envinfo --preset jest

  System:
    OS: Windows 7
    CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
  Binaries:
    Node: 10.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.3.2 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.4.1 - C:\Program Files\nodejs\npm.CMD

[jeysal]

Thanks for the bug report and that you took some time to make a minimal repro.
It looks like this issue concerns jsdom, which is the DOM implementation Jest uses, rather than Jest itself, so please open an issue there :)
BTW your innerHTML has <div> instead of </div> at the end, which makes things a bit confusing because there's suddenly multiple divs.

[adir-n]

@jeysal thanks for the response (and for noticing my mistake with the </div>).
I opened an issue for jsdom - jsdom/jsdom#2513.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.