<!DOCTYPE html> <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> <title>OffscreenCanvas test: 2d.text.measure.fontBoundingBox-reduced-ascent</title> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/html/canvas/resources/canvas-tests.js"></script> <h1>2d.text.measure.fontBoundingBox-reduced-ascent</h1> <p class="desc">Testing fontBoundingBox for OffscreenCanvas with reduced ascent metric</p> <script> promise_test(async t => { var canvas = new OffscreenCanvas(100, 50); var ctx = canvas.getContext('2d'); var f = new FontFace("CanvasTest-ascent256", "url('/fonts/CanvasTest-ascent256.ttf')"); f.load(); document.fonts.add(f); await document.fonts.ready; ctx.font = '40px CanvasTest-ascent256'; ctx.direction = 'ltr'; ctx.align = 'left' _assertSame(ctx.measureText('A').fontBoundingBoxAscent, 10, "ctx.measureText('A').fontBoundingBoxAscent", "10"); _assertSame(ctx.measureText('A').fontBoundingBoxDescent, 10, "ctx.measureText('A').fontBoundingBoxDescent", "10"); _assertSame(ctx.measureText('ABCD').fontBoundingBoxAscent, 10, "ctx.measureText('ABCD').fontBoundingBoxAscent", "10"); _assertSame(ctx.measureText('ABCD').fontBoundingBoxDescent, 10, "ctx.measureText('ABCD').fontBoundingBoxDescent", "10"); }, "Testing fontBoundingBox for OffscreenCanvas with reduced ascent metric"); </script>