fix: minor typos in README

[bewildergeist]

What:
Minor adjustments to the README:

• A typo in a variable name
• A few copy-paste errors in variable names
• Changing the order of a couple of CSS properties to make it clear that the assertion fails because of a different value, not a different order of properties

Why:
Just makes the docs easier to read.

How:
N/A

Checklist:

• Documentation
• Tests N/A
• Updated Type Definitions N/A
• Ready to be merged
• Added myself to contributors table N/A

[gnapse]

Hi, thanks!

One thing though. I do not get why your changes regarding css properties order are consistent with the reason you state here?

Changing the order of a couple of CSS properties to make it clear that the assertion fails because of a different value, not a different order of properties

The css properties were already in the same order in the sample element as in the sample test code. This made it clear that the order is not important. Because even with the same order, the .not.toHaveStyle assertions still pass.

[bewildergeist]

@gnapse Yeah, the CSS order thing is a very minor niggle, I'm happy to remove that again. My thinking was:

1. The sample element specifies the order display: none; color: red;
2. The second assertion specifies that color: red; display: none; will be true, thus already proving that property order doesn't matter (as anyone who knows CSS will know, of course).
3. Then the third assertion should specify that color: blue; display: none; will be false and show the properties in the same order as the previous assertion, to make it immediately apparent to the reader that red/blue is the only difference between those two assertions.

The fact that the order of properties is inconsequential should basically be a given, so I just thought we should lower the "cognitive overhead" of telling those two assertions apart. But as I said, definitely a very minor point, happy to revert ☺️

[gnapse]

Nah, forget it. Let's follow your lead on this. Thanks!

[gnapse]

🎉 This PR is included in version 2.1.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀