Re: [css-grid-1-tests] [css-grid] Add test to verify the minimum size of images (#5337)

@mrego The problem isn't the failure, it's the inconsistent in the results in both Firefox and Chrome.

As I said [before](https://github.com/w3c/web-platform-tests/pull/5287#issuecomment-291192040), I think this is to do with image loading. Consider:

```
<div id="grid-1" class="grid">
  <img id="img-1" class="width200px" src="support/50x50-green.png">
</div>
```

This is parsed, and a request for support/50x50-green.png is initiated.

```
<script>
  checkGridSizeTracksAndImageSize("grid-1", "img-1", "200px", "200px", "200px", "200px", "200px", "200px");
</script>
```

This script is then parsed and run, leading to it fail because #img-1's computed style is the default width/height of an unloaded image.

The image then loads, but it's too late because the test has already run. This is why I think its results are random in both Firefox and Chrome.

There's a race condition in here and that needs dealt with (with the `load` event and `complete` property).

View on GitHub: https://github.com/w3c/web-platform-tests/pull/5337#issuecomment-291568719

Received on Tuesday, 4 April 2017 17:13:39 UTC