hr.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/rendering/non-replaced-elements/the-hr-element-0/hr.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>The hr element</title>

<script src=/resources/testharness.js></script>

<script src=/resources/testharnessreport.js></script>

<style>

#ref {

  display: block;

  unicode-bidi: isolate;

  color: gray;

  border-style: inset;

  border-width: 1px;

  margin: 0.5em auto;

  /* TODO: uncomment this when these properties are widely supported

  margin-block-start: 0.5em;

  margin-inline-end: auto;

  margin-block-end: 0.5em;

  margin-inline-start: auto;

*/

  overflow: hidden;

</style>

<hr id=test>

<div id=ref></div>

<script>

setup(() => {

  self.testStyle = getComputedStyle(document.getElementById('test'));

  self.refStyle = getComputedStyle(document.getElementById('ref'));

});

['display',

 'unicodeBidi',

 'color',

 'borderTopStyle',

 'borderRightStyle',

 'borderBottomStyle',

 'borderLeftStyle',

 'borderTopWidth',

 'borderRightWidth',

 'borderBottomWidth',

 'borderLeftWidth',

 'marginTop',

 'marginRight',

 'marginBottom',

 'marginLeft',

 'overflow',

 // Extra tests

 'height',

 'box-sizing',

].forEach(prop => {

  test(() => {

    assert_equals(testStyle[prop], refStyle[prop]);

  }, prop);

});

</script>