Re: [css-shapes-1-tests] Set font when testing font relative units to make sure test is portable. (#5252)

*This report has been truncated because the total content is 1464628 characters in length, which is in excess of GitHub.com's limit for comments (65536 characters).

 [View the complete job log.](https://travis-ci.org/w3c/web-platform-tests/jobs/216342114)

# Firefox (nightly channel) #
Testing web-platform-tests at revision 4d1c1d53e0559b95a52fbc88e049a54ad5bfdf30
Using browser at version BuildID 20170329100319; SourceStamp 272ce6c2572164f5f6a9fba2a980ba9ccf50770c
Starting 10 test iterations
All results were stable
## All results ##
<details>
<summary>61 tests ran</summary>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-image-threshold-000.html">/css/css-shapes-1/shape-outside/values/shape-image-threshold-000.html</a></summary>


|      Subtest       | Results |                   Messages                   |
|--------------------|---------|----------------------------------------------|
|                    | OK      |                                              |
| `0.0 - inline`     | FAIL    | `assert_equals: expected "0" but got ""`     |
| `.2 - inline`      | FAIL    | `assert_equals: expected "0.2" but got ""`   |
| `0.333 - inline`   | FAIL    | `assert_equals: expected "0.333" but got ""` |
| `1.0 - inline`     | FAIL    | `assert_equals: expected "1" but got ""`     |
| `1.5 - inline`     | FAIL    | `assert_equals: expected "1.5" but got ""`   |
| `0.0 - computed`   | FAIL    | `assert_equals: expected "0" but got ""`     |
| `.2 - computed`    | FAIL    | `assert_equals: expected "0.2" but got ""`   |
| `0.333 - computed` | FAIL    | `assert_equals: expected "0.333" but got ""` |
| `1.0 - computed`   | FAIL    | `assert_equals: expected "1" but got ""`     |
| `1.5 - computed`   | FAIL    | `assert_equals: expected "1" but got ""`     |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-image-threshold-001.html">/css/css-shapes-1/shape-outside/values/shape-image-threshold-001.html</a></summary>


|              Subtest               | Results |                  Messages                  |
|------------------------------------|---------|--------------------------------------------|
|                                    | OK      |                                            |
| `calc(10/100) - computed`          | FAIL    | `assert_equals: expected "0.1" but got ""` |
| `calc(10/100 + 30/100) - computed` | FAIL    | `assert_equals: expected "0.4" but got ""` |
| `calc(150/100) - computed`         | FAIL    | `assert_equals: expected "1" but got ""`   |
| `calc(150/100 - 2) - computed`     | FAIL    | `assert_equals: expected "0" but got ""`   |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-image-threshold-002.html">/css/css-shapes-1/shape-outside/values/shape-image-threshold-002.html</a></summary>


|            Subtest             | Results | Messages |
|--------------------------------|---------|----------|
|                                | OK      |          |
| `-0.5 - inline - invalid`      | PASS    |          |
| `-100 - inline - invalid`      | PASS    |          |
| `nonNumber - inline - invalid` | PASS    |          |
| `3/4 - inline - invalid`       | PASS    |          |
| `20% - inline - invalid`       | PASS    |          |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-image-threshold-003.html">/css/css-shapes-1/shape-outside/values/shape-image-threshold-003.html</a></summary>


|                          Subtest                           | Results |                           Messages                          |
|------------------------------------------------------------|---------|-------------------------------------------------------------|
|                                                            | OK      |                                                             |
| `shape-image-threshold can be assigned 'inherit' value`    | FAIL    | `assert_equals: expected "inherit" but got ""`              |
| `shape-image-threshold is not inherited and defaults to 0` | FAIL    | `assert_equals: expected (object) null but got (string) ""` |
| `shape-margin is not inherited`                            | FAIL    | `assert_equals: expected "0.5" but got ""`                  |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-000.html">/css/css-shapes-1/shape-outside/values/shape-margin-000.html</a></summary>


|      Subtest      | Results |                   Messages                  |
|-------------------|---------|---------------------------------------------|
|                   | OK      |                                             |
| `10px - inline`   | FAIL    | `assert_equals: expected "10px" but got ""` |
| `10% - inline`    | FAIL    | `assert_equals: expected "10%" but got ""`  |
| `10px - computed` | FAIL    | `assert_equals: expected "10px" but got ""` |
| `10% - computed`  | FAIL    | `assert_equals: expected "10%" but got ""`  |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-001.html">/css/css-shapes-1/shape-outside/values/shape-margin-001.html</a></summary>


|       Subtest       | Results |                     Messages                     |
|---------------------|---------|--------------------------------------------------|
|                     | OK      |                                                  |
| `10cm - inline`     | FAIL    | `assert_equals: expected "10cm" but got ""`      |
| `10mm - inline`     | FAIL    | `assert_equals: expected "10mm" but got ""`      |
| `10in - inline`     | FAIL    | `assert_equals: expected "10in" but got ""`      |
| `10pt - inline`     | FAIL    | `assert_equals: expected "10pt" but got ""`      |
| `10pc - inline`     | FAIL    | `assert_equals: expected "10pc" but got ""`      |
| `10em - inline`     | FAIL    | `assert_equals: expected "10em" but got ""`      |
| `10ex - inline`     | FAIL    | `assert_equals: expected "10ex" but got ""`      |
| `10ch - inline`     | FAIL    | `assert_equals: expected "10ch" but got ""`      |
| `10rem - inline`    | FAIL    | `assert_equals: expected "10rem" but got ""`     |
| `10vw - inline`     | FAIL    | `assert_equals: expected "10vw" but got ""`      |
| `10vh - inline`     | FAIL    | `assert_equals: expected "10vh" but got ""`      |
| `10vmin - inline`   | FAIL    | `assert_equals: expected "10vmin" but got ""`    |
| `10vmax - inline`   | FAIL    | `assert_equals: expected "10vmax" but got ""`    |
| `10cm - computed`   | FAIL    | `assert_equals: expected "377.953px" but got ""` |
| `10mm - computed`   | FAIL    | `assert_equals: expected "37.795px" but got ""`  |
| `10in - computed`   | FAIL    | `assert_equals: expected "960px" but got ""`     |
| `10pt - computed`   | FAIL    | `assert_equals: expected "13.333px" but got ""`  |
| `10pc - computed`   | FAIL    | `assert_equals: expected "160px" but got ""`     |
| `10em - computed`   | FAIL    | `assert_equals: expected "160px" but got ""`     |
| `10ex - computed`   | FAIL    | `assert_equals: expected "128px" but got ""`     |
| `10ch - computed`   | FAIL    | `assert_equals: expected "160px" but got ""`     |
| `10rem - computed`  | FAIL    | `assert_equals: expected "160px" but got ""`     |
| `10vw - computed`   | FAIL    | `assert_equals: expected "92.1px" but got ""`    |
| `10vh - computed`   | FAIL    | `assert_equals: expected "62px" but got ""`      |
| `10vmin - computed` | FAIL    | `assert_equals: expected "62px" but got ""`      |
| `10vmax - computed` | FAIL    | `assert_equals: expected "92.1px" but got ""`    |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-002.html">/css/css-shapes-1/shape-outside/values/shape-margin-002.html</a></summary>


|         Subtest         | Results |                      Messages                     |
|-------------------------|---------|---------------------------------------------------|
|                         | OK      |                                                   |
| `10.12345px - inline`   | FAIL    | `assert_equals: expected "10.12345px" but got ""` |
| `.5px - inline`         | FAIL    | `assert_equals: expected "0.5px" but got ""`      |
| `+15px - inline`        | FAIL    | `assert_equals: expected "15px" but got ""`       |
| `+10.678px - inline`    | FAIL    | `assert_equals: expected "10.678px" but got ""`   |
| `10.12345px - computed` | FAIL    | `assert_equals: expected "10.123px" but got ""`   |
| `.5px - computed`       | FAIL    | `assert_equals: expected "0.5px" but got ""`      |
| `+15px - computed`      | FAIL    | `assert_equals: expected "15px" but got ""`       |
| `+10.678px - computed`  | FAIL    | `assert_equals: expected "10.678px" but got ""`   |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-003.html">/css/css-shapes-1/shape-outside/values/shape-margin-003.html</a></summary>


|                    Subtest                    | Results |                            Messages                           |
|-----------------------------------------------|---------|---------------------------------------------------------------|
|                                               | OK      |                                                               |
| `calc(10in) - inline style`                   | FAIL    | `assert_equals: expected "calc(10in)" but got ""`             |
| `calc(10in + 20px) - inline style`            | FAIL    | `assert_equals: expected "calc(980px)" but got ""`            |
| `calc(30%) - inline style`                    | FAIL    | `assert_equals: expected "calc(30%)" but got ""`              |
| `calc(100%/4) - inline style`                 | FAIL    | `assert_equals: expected "calc(25%)" but got ""`              |
| `calc(25%*3) - inline style`                  | FAIL    | `assert_equals: expected "calc(75%)" but got ""`              |
| `calc(25%*3 - 10in) - inline style`           | FAIL    | `assert_equals: expected "calc(75% - 10in)" but got ""`       |
| `calc((12.5%*6 + 10in) / 4) - inline style`   | FAIL    | `assert_equals: expected "calc((75% + 10in) / 4)" but got ""` |
| `calc(10in) - computed style`                 | FAIL    | `assert_equals: expected "960px" but got ""`                  |
| `calc(10in + 20px) - computed style`          | FAIL    | `assert_equals: expected "980px" but got ""`                  |
| `calc(30%) - computed style`                  | FAIL    | `assert_equals: expected "30%" but got ""`                    |
| `calc(100%/4) - computed style`               | FAIL    | `assert_equals: expected "25%" but got ""`                    |
| `calc(25%*3) - computed style`                | FAIL    | `assert_equals: expected "75%" but got ""`                    |
| `calc(25%*3 - 10in) - computed style`         | FAIL    | `assert_true: expected true got false`                        |
| `calc((12.5%*6 + 10in) / 4) - computed style` | FAIL    | `assert_true: expected true got false`                        |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-004.html">/css/css-shapes-1/shape-outside/values/shape-margin-004.html</a></summary>


|             Subtest              | Results |                  Messages                  |
|----------------------------------|---------|--------------------------------------------|
|                                  | OK      |                                            |
| `-20px - inline - invalid`       | PASS    |                                            |
| `-.4567px - inline - invalid`    | PASS    |                                            |
| `nonLength - inline - invalid`   | PASS    |                                            |
| `10 - inline - invalid`          | PASS    |                                            |
| `-20px - computed - invalid`     | FAIL    | `assert_equals: expected "0px" but got ""` |
| `-.4567px - computed - invalid`  | FAIL    | `assert_equals: expected "0px" but got ""` |
| `nonLength - computed - invalid` | FAIL    | `assert_equals: expected "0px" but got ""` |
| `10 - computed - invalid`        | FAIL    | `assert_equals: expected "0px" but got ""` |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-margin-005.html">/css/css-shapes-1/shape-outside/values/shape-margin-005.html</a></summary>


|                       Subtest                       | Results |                           Messages                          |
|-----------------------------------------------------|---------|-------------------------------------------------------------|
|                                                     | OK      |                                                             |
| `shape-margin can be assigned 'inherit' value`      | FAIL    | `assert_equals: expected "inherit" but got ""`              |
| `shape-margin is not inherited and defaults to 0px` | FAIL    | `assert_equals: expected (object) null but got (string) ""` |
| `shape-margin is not inherited`                     | FAIL    | `assert_equals: expected "10px" but got ""`                 |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-outside-box-000.html">/css/css-shapes-1/shape-outside/values/shape-outside-box-000.html</a></summary>


|         Subtest          | Results | Messages |
|--------------------------|---------|----------|
|                          | OK      |          |
| `content-box - inline`   | PASS    |          |
| `padding-box - inline`   | PASS    |          |
| `border-box - inline`    | PASS    |          |
| `margin-box - inline`    | PASS    |          |
| `content-box - computed` | PASS    |          |
| `padding-box - computed` | PASS    |          |
| `border-box - computed`  | PASS    |          |
| `margin-box - computed`  | PASS    |          |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-outside-circle-000.html">/css/css-shapes-1/shape-outside/values/shape-outside-circle-000.html</a></summary>


|                  Subtest                  | Results |                                                      Messages                                                      |
|-------------------------------------------|---------|--------------------------------------------------------------------------------------------------------------------|
|                                           | OK      |                                                                                                                    |
| `No arguments - inline`                   | PASS    |                                                                                                                    |
| `Radial argument only - inline`           | PASS    |                                                                                                                    |
| `Position argument only - inline`         | PASS    |                                                                                                                    |
| `Radial and position argument - inline`   | PASS    |                                                                                                                    |
| `No arguments - computed`                 | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                           |
| `Radial argument only - computed`         | PASS    |                                                                                                                    |
| `Position argument only - computed`       | FAIL    | `assert_equals: expected "circle(at 50px 50px)" but got "circle(closest-side at calc(50px + 0%) calc(50px + 0%))"` |
| `Radial and position argument - computed` | FAIL    | `assert_equals: expected "circle(50px at 50px 50px)" but got "circle(50px at calc(50px + 0%) calc(50px + 0%))"`    |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-outside-circle-001.html">/css/css-shapes-1/shape-outside/values/shape-outside-circle-001.html</a></summary>


|              Subtest               | Results |                                         Messages                                         |
|------------------------------------|---------|------------------------------------------------------------------------------------------|
|                                    | OK      |                                                                                          |
| `circle() - inline`                | PASS    |                                                                                          |
| `circle(50px) - inline`            | PASS    |                                                                                          |
| `circle(50%) - inline`             | PASS    |                                                                                          |
| `circle(closest-side) - inline`    | PASS    |                                                                                          |
| `circle(farthest-side) - inline`   | PASS    |                                                                                          |
| `circle() - computed`              | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"` |
| `circle(50px) - computed`          | PASS    |                                                                                          |
| `circle(50%) - computed`           | PASS    |                                                                                          |
| `circle(closest-side) - computed`  | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"` |
| `circle(farthest-side) - computed` | PASS    |                                                                                          |

</details>
<details>
<summary><a href="http://w3c-test.org/submissions/5252/css/css-shapes-1/shape-outside/values/shape-outside-circle-002.html">/css/css-shapes-1/shape-outside/values/shape-outside-circle-002.html</a></summary>


|                                            Subtest                                             | Results |                                                                Messages                                                               |
|------------------------------------------------------------------------------------------------|---------|---------------------------------------------------------------------------------------------------------------------------------------|
|                                                                                                | OK      |                                                                                                                                       |
| `circle(at 50%) serializes as circle(at 50% 50%) - inline`                                     | PASS    |                                                                                                                                       |
| `circle(at 50px) serializes as circle(at 50px 50%) - inline`                                   | PASS    |                                                                                                                                       |
| `circle(at 50% 50%) serializes as circle(at 50% 50%) - inline`                                 | PASS    |                                                                                                                                       |
| `circle(at 50% 50px) serializes as circle(at 50% 50px) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at 50px 50%) serializes as circle(at 50px 50%) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at 50px 50px) serializes as circle(at 50px 50px) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at left) serializes as circle(at 0% 50%) - inline`                                     | PASS    |                                                                                                                                       |
| `circle(at top) serializes as circle(at 50% 0%) - inline`                                      | PASS    |                                                                                                                                       |
| `circle(at right) serializes as circle(at 100% 50%) - inline`                                  | PASS    |                                                                                                                                       |
| `circle(at bottom) serializes as circle(at 50% 100%) - inline`                                 | PASS    |                                                                                                                                       |
| `circle(at center) serializes as circle(at 50% 50%) - inline`                                  | PASS    |                                                                                                                                       |
| `circle(at left top) serializes as circle(at 0% 0%) - inline`                                  | PASS    |                                                                                                                                       |
| `circle(at left bottom) serializes as circle(at 0% 100%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at left center) serializes as circle(at 0% 50%) - inline`                              | PASS    |                                                                                                                                       |
| `circle(at top left) serializes as circle(at 0% 0%) - inline`                                  | PASS    |                                                                                                                                       |
| `circle(at top right) serializes as circle(at 100% 0%) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at top center) serializes as circle(at 50% 0%) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at right top) serializes as circle(at 100% 0%) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at right bottom) serializes as circle(at 100% 100%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at right center) serializes as circle(at 100% 50%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at bottom left) serializes as circle(at 0% 100%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at bottom right) serializes as circle(at 100% 100%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at bottom center) serializes as circle(at 50% 100%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at center top) serializes as circle(at 50% 0%) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at center left) serializes as circle(at 0% 50%) - inline`                              | PASS    |                                                                                                                                       |
| `circle(at center right) serializes as circle(at 100% 50%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at center bottom) serializes as circle(at 50% 100%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at center center) serializes as circle(at 50% 50%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at left 50%) serializes as circle(at 0% 50%) - inline`                                 | PASS    |                                                                                                                                       |
| `circle(at left 50px) serializes as circle(at 0% 50px) - inline`                               | PASS    |                                                                                                                                       |
| `circle(at 50% top) serializes as circle(at 50% 0%) - inline`                                  | PASS    |                                                                                                                                       |
| `circle(at 50px top) serializes as circle(at 50px 0%) - inline`                                | PASS    |                                                                                                                                       |
| `circle(at right 80%) serializes as circle(at 100% 80%) - inline`                              | PASS    |                                                                                                                                       |
| `circle(at right 80px) serializes as circle(at 100% 80px) - inline`                            | PASS    |                                                                                                                                       |
| `circle(at 70% bottom) serializes as circle(at 70% 100%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at 70px bottom) serializes as circle(at 70px 100%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at center 60%) serializes as circle(at 50% 60%) - inline`                              | PASS    |                                                                                                                                       |
| `circle(at center 60px) serializes as circle(at 50% 60px) - inline`                            | PASS    |                                                                                                                                       |
| `circle(at 60% center) serializes as circle(at 60% 50%) - inline`                              | PASS    |                                                                                                                                       |
| `circle(at 60px center) serializes as circle(at 60px 50%) - inline`                            | PASS    |                                                                                                                                       |
| `circle(at center top 50%) serializes as circle(at 50% 50%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at center top 50px) serializes as circle(at 50% 50px) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at center left 50%) serializes as circle(at 50% 50%) - inline`                         | PASS    |                                                                                                                                       |
| `circle(at center left 50px) serializes as circle(at 50px 50%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at center right 70%) serializes as circle(at 30% 50%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at center right 70px) serializes as circle(at right 70px top 50%) - inline`            | PASS    |                                                                                                                                       |
| `circle(at center bottom 70%) serializes as circle(at 50% 30%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at center bottom 70px) serializes as circle(at left 50% bottom 70px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at left top 50%) serializes as circle(at 0% 50%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at left top 50px) serializes as circle(at 0% 50px) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at left bottom 70%) serializes as circle(at 0% 30%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at left bottom 70px) serializes as circle(at left 0% bottom 70px) - inline`            | PASS    |                                                                                                                                       |
| `circle(at top left 50%) serializes as circle(at 50% 0%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at top left 50px) serializes as circle(at 50px 0%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at top right 70%) serializes as circle(at 30% 0%) - inline`                            | PASS    |                                                                                                                                       |
| `circle(at top right 70px) serializes as circle(at right 70px top 0%) - inline`                | PASS    |                                                                                                                                       |
| `circle(at bottom left 50%) serializes as circle(at 50% 100%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at bottom left 50px) serializes as circle(at 50px 100%) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at bottom right 70%) serializes as circle(at 30% 100%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at bottom right 70px) serializes as circle(at right 70px top 100%) - inline`           | PASS    |                                                                                                                                       |
| `circle(at right bottom 70%) serializes as circle(at 100% 30%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at right bottom 70px) serializes as circle(at left 100% bottom 70px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at right top 50%) serializes as circle(at 100% 50%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at right top 50px) serializes as circle(at 100% 50px) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at left 50% center) serializes as circle(at 50% 50%) - inline`                         | PASS    |                                                                                                                                       |
| `circle(at left 50px center) serializes as circle(at 50px 50%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at left 50% top) serializes as circle(at 50% 0%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at left 50px top) serializes as circle(at 50px 0%) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at left 50% bottom) serializes as circle(at 50% 100%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at left 50px bottom) serializes as circle(at 50px 100%) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at top 50% center) serializes as circle(at 50% 50%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at top 50px center) serializes as circle(at 50% 50px) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at top 50% left) serializes as circle(at 0% 50%) - inline`                             | PASS    |                                                                                                                                       |
| `circle(at top 50px left) serializes as circle(at 0% 50px) - inline`                           | PASS    |                                                                                                                                       |
| `circle(at top 50% right) serializes as circle(at 100% 50%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at top 50px right) serializes as circle(at 100% 50px) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at bottom 70% center) serializes as circle(at 50% 30%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at bottom 70px center) serializes as circle(at left 50% bottom 70px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at bottom 70% left) serializes as circle(at 0% 30%) - inline`                          | PASS    |                                                                                                                                       |
| `circle(at bottom 70px left) serializes as circle(at left 0% bottom 70px) - inline`            | PASS    |                                                                                                                                       |
| `circle(at bottom 70% right) serializes as circle(at 100% 30%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at bottom 70px right) serializes as circle(at left 100% bottom 70px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at right 80% center) serializes as circle(at 20% 50%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at right 80px center) serializes as circle(at right 80px top 50%) - inline`            | PASS    |                                                                                                                                       |
| `circle(at right 80% bottom) serializes as circle(at 20% 100%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at right 80px bottom) serializes as circle(at right 80px top 100%) - inline`           | PASS    |                                                                                                                                       |
| `circle(at right 80% top) serializes as circle(at 20% 0%) - inline`                            | PASS    |                                                                                                                                       |
| `circle(at right 80px top) serializes as circle(at right 80px top 0%) - inline`                | PASS    |                                                                                                                                       |
| `circle(at left 50% top 50%) serializes as circle(at 50% 50%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at left 50% top 50px) serializes as circle(at 50% 50px) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at left 50% bottom 70%) serializes as circle(at 50% 30%) - inline`                     | PASS    |                                                                                                                                       |
| `circle(at left 50% bottom 70px) serializes as circle(at left 50% bottom 70px) - inline`       | PASS    |                                                                                                                                       |
| `circle(at left 50px top 50%) serializes as circle(at 50px 50%) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at left 50px top 50px) serializes as circle(at 50px 50px) - inline`                    | PASS    |                                                                                                                                       |
| `circle(at left 50px bottom 70%) serializes as circle(at 50px 30%) - inline`                   | PASS    |                                                                                                                                       |
| `circle(at left 50px bottom 70px) serializes as circle(at left 50px bottom 70px) - inline`     | PASS    |                                                                                                                                       |
| `circle(at top 50% left 50%) serializes as circle(at 50% 50%) - inline`                        | PASS    |                                                                                                                                       |
| `circle(at top 50% left 50px) serializes as circle(at 50px 50%) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at top 50% right 80%) serializes as circle(at 20% 50%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at top 50% right 80px) serializes as circle(at right 80px top 50%) - inline`           | PASS    |                                                                                                                                       |
| `circle(at top 50px left 50%) serializes as circle(at 50% 50px) - inline`                      | PASS    |                                                                                                                                       |
| `circle(at top 50px left 50px) serializes as circle(at 50px 50px) - inline`                    | PASS    |                                                                                                                                       |
| `circle(at top 50px right 80%) serializes as circle(at 20% 50px) - inline`                     | PASS    |                                                                                                                                       |
| `circle(at top 50px right 80px) serializes as circle(at right 80px top 50px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at bottom 70% left 50%) serializes as circle(at 50% 30%) - inline`                     | PASS    |                                                                                                                                       |
| `circle(at bottom 70% left 50px) serializes as circle(at 50px 30%) - inline`                   | PASS    |                                                                                                                                       |
| `circle(at bottom 70% right 80%) serializes as circle(at 20% 30%) - inline`                    | PASS    |                                                                                                                                       |
| `circle(at bottom 70% right 80px) serializes as circle(at right 80px top 30%) - inline`        | PASS    |                                                                                                                                       |
| `circle(at bottom 70px left 50%) serializes as circle(at left 50% bottom 70px) - inline`       | PASS    |                                                                                                                                       |
| `circle(at bottom 70px left 50px) serializes as circle(at left 50px bottom 70px) - inline`     | PASS    |                                                                                                                                       |
| `circle(at bottom 70px right 80%) serializes as circle(at left 20% bottom 70px) - inline`      | PASS    |                                                                                                                                       |
| `circle(at bottom 70px right 80px) serializes as circle(at right 80px bottom 70px) - inline`   | PASS    |                                                                                                                                       |
| `circle(at right 80% top 50%) serializes as circle(at 20% 50%) - inline`                       | PASS    |                                                                                                                                       |
| `circle(at right 80% top 50px) serializes as circle(at 20% 50px) - inline`                     | PASS    |                                                                                                                                       |
| `circle(at right 80% bottom 70%) serializes as circle(at 20% 30%) - inline`                    | PASS    |                                                                                                                                       |
| `circle(at right 80% bottom 70px) serializes as circle(at left 20% bottom 70px) - inline`      | PASS    |                                                                                                                                       |
| `circle(at right 80px top 50%) serializes as circle(at right 80px top 50%) - inline`           | PASS    |                                                                                                                                       |
| `circle(at right 80px top 50px) serializes as circle(at right 80px top 50px) - inline`         | PASS    |                                                                                                                                       |
| `circle(at right 80px bottom 70%) serializes as circle(at right 80px top 30%) - inline`        | PASS    |                                                                                                                                       |
| `circle(at right 80px bottom 70px) serializes as circle(at right 80px bottom 70px) - inline`   | PASS    |                                                                                                                                       |
| `circle(at 50%) serializes as circle(at 50% 50%) - computed`                                   | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at 50px) serializes as circle(at 50px 50%) - computed`                                 | FAIL    | `assert_equals: expected "circle(at 50px 50%)" but got "circle(closest-side at calc(50px + 0%) 50%)"`                                 |
| `circle(at 50% 50%) serializes as circle(at 50% 50%) - computed`                               | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at 50% 50px) serializes as circle(at 50% 50px) - computed`                             | FAIL    | `assert_equals: expected "circle(at 50% 50px)" but got "circle(closest-side at 50% calc(50px + 0%))"`                                 |
| `circle(at 50px 50%) serializes as circle(at 50px 50%) - computed`                             | FAIL    | `assert_equals: expected "circle(at 50px 50%)" but got "circle(closest-side at calc(50px + 0%) 50%)"`                                 |
| `circle(at 50px 50px) serializes as circle(at 50px 50px) - computed`                           | FAIL    | `assert_equals: expected "circle(at 50px 50px)" but got "circle(closest-side at calc(50px + 0%) calc(50px + 0%))"`                    |
| `circle(at left) serializes as circle(at 0% 50%) - computed`                                   | FAIL    | `assert_equals: expected "circle(at 0% 50%)" but got "circle(closest-side at 0% 50%)"`                                                |
| `circle(at top) serializes as circle(at 50% 0%) - computed`                                    | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at right) serializes as circle(at 100% 50%) - computed`                                | FAIL    | `assert_equals: expected "circle(at 100% 50%)" but got "circle(closest-side at 100% 50%)"`                                            |
| `circle(at bottom) serializes as circle(at 50% 100%) - computed`                               | FAIL    | `assert_equals: expected "circle(at 50% 100%)" but got "circle(closest-side at 50% 100%)"`                                            |
| `circle(at center) serializes as circle(at 50% 50%) - computed`                                | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at left top) serializes as circle(at 0% 0%) - computed`                                | FAIL    | `assert_equals: expected "circle(at 0% 0%)" but got "circle(closest-side at 0% 0%)"`                                                  |
| `circle(at left bottom) serializes as circle(at 0% 100%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 0% 100%)" but got "circle(closest-side at 0% 100%)"`                                              |
| `circle(at left center) serializes as circle(at 0% 50%) - computed`                            | FAIL    | `assert_equals: expected "circle(at 0% 50%)" but got "circle(closest-side at 0% 50%)"`                                                |
| `circle(at top left) serializes as circle(at 0% 0%) - computed`                                | FAIL    | `assert_equals: expected "circle(at 0% 0%)" but got "circle(closest-side at 0% 0%)"`                                                  |
| `circle(at top right) serializes as circle(at 100% 0%) - computed`                             | FAIL    | `assert_equals: expected "circle(at 100% 0%)" but got "circle(closest-side at 100% 0%)"`                                              |
| `circle(at top center) serializes as circle(at 50% 0%) - computed`                             | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at right top) serializes as circle(at 100% 0%) - computed`                             | FAIL    | `assert_equals: expected "circle(at 100% 0%)" but got "circle(closest-side at 100% 0%)"`                                              |
| `circle(at right bottom) serializes as circle(at 100% 100%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 100% 100%)" but got "circle(closest-side at 100% 100%)"`                                          |
| `circle(at right center) serializes as circle(at 100% 50%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 100% 50%)" but got "circle(closest-side at 100% 50%)"`                                            |
| `circle(at bottom left) serializes as circle(at 0% 100%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 0% 100%)" but got "circle(closest-side at 0% 100%)"`                                              |
| `circle(at bottom right) serializes as circle(at 100% 100%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 100% 100%)" but got "circle(closest-side at 100% 100%)"`                                          |
| `circle(at bottom center) serializes as circle(at 50% 100%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 50% 100%)" but got "circle(closest-side at 50% 100%)"`                                            |
| `circle(at center top) serializes as circle(at 50% 0%) - computed`                             | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at center left) serializes as circle(at 0% 50%) - computed`                            | FAIL    | `assert_equals: expected "circle(at 0% 50%)" but got "circle(closest-side at 0% 50%)"`                                                |
| `circle(at center right) serializes as circle(at 100% 50%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 100% 50%)" but got "circle(closest-side at 100% 50%)"`                                            |
| `circle(at center bottom) serializes as circle(at 50% 100%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 50% 100%)" but got "circle(closest-side at 50% 100%)"`                                            |
| `circle(at center center) serializes as circle(at 50% 50%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at left 50%) serializes as circle(at 0% 50%) - computed`                               | FAIL    | `assert_equals: expected "circle(at 0% 50%)" but got "circle(closest-side at 0% 50%)"`                                                |
| `circle(at left 50px) serializes as circle(at 0% 50px) - computed`                             | FAIL    | `assert_equals: expected "circle(at 0% 50px)" but got "circle(closest-side at 0% calc(50px + 0%))"`                                   |
| `circle(at 50% top) serializes as circle(at 50% 0%) - computed`                                | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at 50px top) serializes as circle(at 50px 0%) - computed`                              | FAIL    | `assert_equals: expected "circle(at 50px 0%)" but got "circle(closest-side at calc(50px + 0%) 0%)"`                                   |
| `circle(at right 80%) serializes as circle(at 100% 80%) - computed`                            | FAIL    | `assert_equals: expected "circle(at 100% 80%)" but got "circle(closest-side at 100% 80%)"`                                            |
| `circle(at right 80px) serializes as circle(at 100% 80px) - computed`                          | FAIL    | `assert_equals: expected "circle(at 100% 80px)" but got "circle(closest-side at 100% calc(80px + 0%))"`                               |
| `circle(at 70% bottom) serializes as circle(at 70% 100%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 70% 100%)" but got "circle(closest-side at 70% 100%)"`                                            |
| `circle(at 70px bottom) serializes as circle(at 70px 100%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 70px 100%)" but got "circle(closest-side at calc(70px + 0%) 100%)"`                               |
| `circle(at center 60%) serializes as circle(at 50% 60%) - computed`                            | FAIL    | `assert_equals: expected "circle(at 50% 60%)" but got "circle(closest-side at 50% 60%)"`                                              |
| `circle(at center 60px) serializes as circle(at 50% 60px) - computed`                          | FAIL    | `assert_equals: expected "circle(at 50% 60px)" but got "circle(closest-side at 50% calc(60px + 0%))"`                                 |
| `circle(at 60% center) serializes as circle(at 60% 50%) - computed`                            | FAIL    | `assert_equals: expected "circle(at 60% 50%)" but got "circle(closest-side at 60% 50%)"`                                              |
| `circle(at 60px center) serializes as circle(at 60px 50%) - computed`                          | FAIL    | `assert_equals: expected "circle(at 60px 50%)" but got "circle(closest-side at calc(60px + 0%) 50%)"`                                 |
| `circle(at center top 50%) serializes as circle(at 50% 50%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at center top 50px) serializes as circle(at 50% 50px) - computed`                      | FAIL    | `assert_equals: expected "circle(at 50% 50px)" but got "circle(closest-side at 50% calc(50px + 0%))"`                                 |
| `circle(at center left 50%) serializes as circle(at 50% 50%) - computed`                       | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at center left 50px) serializes as circle(at 50px 50%) - computed`                     | FAIL    | `assert_equals: expected "circle(at 50px 50%)" but got "circle(closest-side at calc(50px + 0%) 50%)"`                                 |
| `circle(at center right 70%) serializes as circle(at 30% 50%) - computed`                      | FAIL    | `assert_equals: expected "circle(at 30% 50%)" but got "circle(closest-side at 30% 50%)"`                                              |
| `circle(at center right 70px) serializes as circle(at right 70px top 50%) - computed`          | FAIL    | `assert_equals: expected "circle(at right 70px top 50%)" but got "circle(closest-side at calc(-70px + 100%) 50%)"`                    |
| `circle(at center bottom 70%) serializes as circle(at 50% 30%) - computed`                     | FAIL    | `assert_equals: expected "circle(at 50% 30%)" but got "circle(closest-side at 50% 30%)"`                                              |
| `circle(at center bottom 70px) serializes as circle(at left 50% bottom 70px) - computed`       | FAIL    | `assert_equals: expected "circle(at left 50% bottom 70px)" but got "circle(closest-side at 50% calc(-70px + 100%))"`                  |
| `circle(at left top 50%) serializes as circle(at 0% 50%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 0% 50%)" but got "circle(closest-side at 0% 50%)"`                                                |
| `circle(at left top 50px) serializes as circle(at 0% 50px) - computed`                         | FAIL    | `assert_equals: expected "circle(at 0% 50px)" but got "circle(closest-side at 0% calc(50px + 0%))"`                                   |
| `circle(at left bottom 70%) serializes as circle(at 0% 30%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 0% 30%)" but got "circle(closest-side at 0% 30%)"`                                                |
| `circle(at left bottom 70px) serializes as circle(at left 0% bottom 70px) - computed`          | FAIL    | `assert_equals: expected "circle(at left 0% bottom 70px)" but got "circle(closest-side at 0% calc(-70px + 100%))"`                    |
| `circle(at top left 50%) serializes as circle(at 50% 0%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at top left 50px) serializes as circle(at 50px 0%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 50px 0%)" but got "circle(closest-side at calc(50px + 0%) 0%)"`                                   |
| `circle(at top right 70%) serializes as circle(at 30% 0%) - computed`                          | FAIL    | `assert_equals: expected "circle(at 30% 0%)" but got "circle(closest-side at 30% 0%)"`                                                |
| `circle(at top right 70px) serializes as circle(at right 70px top 0%) - computed`              | FAIL    | `assert_equals: expected "circle(at right 70px top 0%)" but got "circle(closest-side at calc(-70px + 100%) 0%)"`                      |
| `circle(at bottom left 50%) serializes as circle(at 50% 100%) - computed`                      | FAIL    | `assert_equals: expected "circle(at 50% 100%)" but got "circle(closest-side at 50% 100%)"`                                            |
| `circle(at bottom left 50px) serializes as circle(at 50px 100%) - computed`                    | FAIL    | `assert_equals: expected "circle(at 50px 100%)" but got "circle(closest-side at calc(50px + 0%) 100%)"`                               |
| `circle(at bottom right 70%) serializes as circle(at 30% 100%) - computed`                     | FAIL    | `assert_equals: expected "circle(at 30% 100%)" but got "circle(closest-side at 30% 100%)"`                                            |
| `circle(at bottom right 70px) serializes as circle(at right 70px top 100%) - computed`         | FAIL    | `assert_equals: expected "circle(at right 70px top 100%)" but got "circle(closest-side at calc(-70px + 100%) 100%)"`                  |
| `circle(at right bottom 70%) serializes as circle(at 100% 30%) - computed`                     | FAIL    | `assert_equals: expected "circle(at 100% 30%)" but got "circle(closest-side at 100% 30%)"`                                            |
| `circle(at right bottom 70px) serializes as circle(at left 100% bottom 70px) - computed`       | FAIL    | `assert_equals: expected "circle(at left 100% bottom 70px)" but got "circle(closest-side at 100% calc(-70px + 100%))"`                |
| `circle(at right top 50%) serializes as circle(at 100% 50%) - computed`                        | FAIL    | `assert_equals: expected "circle(at 100% 50%)" but got "circle(closest-side at 100% 50%)"`                                            |
| `circle(at right top 50px) serializes as circle(at 100% 50px) - computed`                      | FAIL    | `assert_equals: expected "circle(at 100% 50px)" but got "circle(closest-side at 100% calc(50px + 0%))"`                               |
| `circle(at left 50% center) serializes as circle(at 50% 50%) - computed`                       | FAIL    | `assert_equals: expected "circle(at 50% 50%)" but got "circle(closest-side at 50% 50%)"`                                              |
| `circle(at left 50px center) serializes as circle(at 50px 50%) - computed`                     | FAIL    | `assert_equals: expected "circle(at 50px 50%)" but got "circle(closest-side at calc(50px + 0%) 50%)"`                                 |
| `circle(at left 50% top) serializes as circle(at 50% 0%) - computed`                           | FAIL    | `assert_equals: expected "circle(at 50% 0%)" but got "circle(closest-side at 50% 0%)"`                                                |
| `circle(at left 50px top) serializes as circle(at 50px 0%) - computed`                         | FAIL    | `assert_equals: expected "circle(at 50px 0%)" but

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

Received on Wednesday, 29 March 2017 13:23:33 UTC