reftest_element_grid.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->

<meta charset="UTF-8">

{% if test_type == 'promise' %}<html class="reftest-wait">

<script>pending_tests = {{ element_variants | length }};</script>

{% endif %}

{% if not is_test_reference %}

<link rel="match" href="{{ reference_file }}">

{% if fuzzy %}<meta name=fuzzy content="{{ fuzzy }}">

{% endif %}

{% endif %}

{% if timeout %}<meta name="timeout" content="{{ timeout }}">

{% endif %}

<title>Canvas test: {{ name }}</title>

<h1 style="font-size: 20px;">{{ name }}</h1>

<p class="desc">{{ desc }}</p>

{% if notes %}<p class="notes">{{ notes }}{% endif %}

{% for image in images %}

<img src="/images/{{ image }}" id="{{ image }}" class="resource">

{% endfor -%}

{% for svgimage in svgimages %}

<svg><image xlink:href="/images/{{ svgimage }}" id="{{ svgimage

      }}" class="resource"></svg>

{% endfor %}

<div style="display: grid; grid-gap: 4px;

            grid-template-columns: repeat({{ grid_width }}, max-content);

            font-size: 13px; text-align: center;">

{% for variant in element_variants %}

<span>

  {% for variant_name in variant.grid_variant_names %}

  <div>{{ variant_name }}</div>

  {% endfor %}

  <canvas id="canvas{{ variant.id

      }}" width="{{ variant.size[0]

      }}" height="{{ variant.size[1]

      }}" style="outline: 1px solid"{{ variant.canvas }}>

    <p class="fallback">FAIL (fallback content)</p>

  </canvas>

  <script type="module">

    const canvas = document.getElementById("canvas{{ variant.id }}");

    const ctx = canvas.getContext('2d'{%

        if variant.attributes %}, {{ variant.attributes }}{% endif %});

    {{ variant.reference | trim | indent(4) if is_test_reference else

       variant.code_element | trim | indent(4) }}

    {% if test_type == 'promise' %}

    if (--pending_tests == 0) {

      document.documentElement.classList.remove("reftest-wait");

    {% endif %}

  </script>

</span>

{% endfor %}

</div>

{% if test_type == 'promise' %}</html>{% endif %}