fix(background): fortify hasDOMDimensions check for null height

[stephencookdev]

Description

This PR changes the hasDOMDimensions to check for DOM width and height, rather than just the top — which will exist in cases where we still don't want to consider the DOM dimensions "usable".

This should fix #591 — which should, I imagine, stop Imgix from getting quite a few 400s

Checklist

Please use the checklist that is most closely related to your PR (you only need to use one checklist, and you can skip items that aren't applicable or don't make sense):

Bug Fix

• All existing unit tests are still passing (if applicable)
• Add new passing unit tests to cover the code introduced by your PR
• Add some steps so we can test your bug fix
• The PR title is in the conventional commit format: e.g. fix(<area>): fixed bug #issue-number
• Add your info to the contributors array in package.json!

N/A:

• (done since N/A) Update the readme
• (done since N/A) Update or add any necessary API documentation

Steps to Test

The new unit test should be sufficient.

But if you want to test manually, too, then create a <div style={{ width: 100, height: 0 }} /><Background /></div> element

Related issue: #591

[commit-lint]

Contributors

@stephencookdev

[sherwinski]

Great catch and thanks for the fix @stephencookdev!
This looks good to me. I'll merge and cut a new release shortly.

[sherwinski]

@all-contributors add @stephencookdev for code and bugs

[allcontributors]

@sherwinski

I've put up a pull request to add @stephencookdev! 🎉