2d.canvas.host.initial.reset.2dstate.html (6009B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> 3 <meta charset="UTF-8"> 4 <title>Canvas test: 2d.canvas.host.initial.reset.2dstate</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/html/canvas/resources/canvas-tests.js"></script> 8 <link rel="stylesheet" href="/html/canvas/resources/canvas-tests.css"> 9 10 <h1>2d.canvas.host.initial.reset.2dstate</h1> 11 12 <script> 13 14 test(t => { 15 const canvas = document.createElement('canvas'); 16 canvas.width = 100; 17 canvas.height = 50; 18 const ctx = canvas.getContext('2d'); 19 20 const default_val = ctx.strokeStyle; 21 ctx.strokeStyle = "#ff0000"; 22 canvas.width = 100; 23 _assertSame(ctx.strokeStyle, default_val, "ctx.strokeStyle", "default_val"); 24 }, "Resetting the canvas state resets strokeStyle"); 25 26 test(t => { 27 const canvas = document.createElement('canvas'); 28 canvas.width = 100; 29 canvas.height = 50; 30 const ctx = canvas.getContext('2d'); 31 32 const default_val = ctx.fillStyle; 33 ctx.fillStyle = "#ff0000"; 34 canvas.width = 100; 35 _assertSame(ctx.fillStyle, default_val, "ctx.fillStyle", "default_val"); 36 }, "Resetting the canvas state resets fillStyle"); 37 38 test(t => { 39 const canvas = document.createElement('canvas'); 40 canvas.width = 100; 41 canvas.height = 50; 42 const ctx = canvas.getContext('2d'); 43 44 const default_val = ctx.globalAlpha; 45 ctx.globalAlpha = 0.5; 46 canvas.width = 100; 47 _assertSame(ctx.globalAlpha, default_val, "ctx.globalAlpha", "default_val"); 48 }, "Resetting the canvas state resets globalAlpha"); 49 50 test(t => { 51 const canvas = document.createElement('canvas'); 52 canvas.width = 100; 53 canvas.height = 50; 54 const ctx = canvas.getContext('2d'); 55 56 const default_val = ctx.lineWidth; 57 ctx.lineWidth = 0.5; 58 canvas.width = 100; 59 _assertSame(ctx.lineWidth, default_val, "ctx.lineWidth", "default_val"); 60 }, "Resetting the canvas state resets lineWidth"); 61 62 test(t => { 63 const canvas = document.createElement('canvas'); 64 canvas.width = 100; 65 canvas.height = 50; 66 const ctx = canvas.getContext('2d'); 67 68 const default_val = ctx.lineCap; 69 ctx.lineCap = "round"; 70 canvas.width = 100; 71 _assertSame(ctx.lineCap, default_val, "ctx.lineCap", "default_val"); 72 }, "Resetting the canvas state resets lineCap"); 73 74 test(t => { 75 const canvas = document.createElement('canvas'); 76 canvas.width = 100; 77 canvas.height = 50; 78 const ctx = canvas.getContext('2d'); 79 80 const default_val = ctx.lineJoin; 81 ctx.lineJoin = "round"; 82 canvas.width = 100; 83 _assertSame(ctx.lineJoin, default_val, "ctx.lineJoin", "default_val"); 84 }, "Resetting the canvas state resets lineJoin"); 85 86 test(t => { 87 const canvas = document.createElement('canvas'); 88 canvas.width = 100; 89 canvas.height = 50; 90 const ctx = canvas.getContext('2d'); 91 92 const default_val = ctx.miterLimit; 93 ctx.miterLimit = 0.5; 94 canvas.width = 100; 95 _assertSame(ctx.miterLimit, default_val, "ctx.miterLimit", "default_val"); 96 }, "Resetting the canvas state resets miterLimit"); 97 98 test(t => { 99 const canvas = document.createElement('canvas'); 100 canvas.width = 100; 101 canvas.height = 50; 102 const ctx = canvas.getContext('2d'); 103 104 const default_val = ctx.shadowOffsetX; 105 ctx.shadowOffsetX = 5; 106 canvas.width = 100; 107 _assertSame(ctx.shadowOffsetX, default_val, "ctx.shadowOffsetX", "default_val"); 108 }, "Resetting the canvas state resets shadowOffsetX"); 109 110 test(t => { 111 const canvas = document.createElement('canvas'); 112 canvas.width = 100; 113 canvas.height = 50; 114 const ctx = canvas.getContext('2d'); 115 116 const default_val = ctx.shadowOffsetY; 117 ctx.shadowOffsetY = 5; 118 canvas.width = 100; 119 _assertSame(ctx.shadowOffsetY, default_val, "ctx.shadowOffsetY", "default_val"); 120 }, "Resetting the canvas state resets shadowOffsetY"); 121 122 test(t => { 123 const canvas = document.createElement('canvas'); 124 canvas.width = 100; 125 canvas.height = 50; 126 const ctx = canvas.getContext('2d'); 127 128 const default_val = ctx.shadowBlur; 129 ctx.shadowBlur = 5; 130 canvas.width = 100; 131 _assertSame(ctx.shadowBlur, default_val, "ctx.shadowBlur", "default_val"); 132 }, "Resetting the canvas state resets shadowBlur"); 133 134 test(t => { 135 const canvas = document.createElement('canvas'); 136 canvas.width = 100; 137 canvas.height = 50; 138 const ctx = canvas.getContext('2d'); 139 140 const default_val = ctx.shadowColor; 141 ctx.shadowColor = "#ff0000"; 142 canvas.width = 100; 143 _assertSame(ctx.shadowColor, default_val, "ctx.shadowColor", "default_val"); 144 }, "Resetting the canvas state resets shadowColor"); 145 146 test(t => { 147 const canvas = document.createElement('canvas'); 148 canvas.width = 100; 149 canvas.height = 50; 150 const ctx = canvas.getContext('2d'); 151 152 const default_val = ctx.globalCompositeOperation; 153 ctx.globalCompositeOperation = "copy"; 154 canvas.width = 100; 155 _assertSame(ctx.globalCompositeOperation, default_val, "ctx.globalCompositeOperation", "default_val"); 156 }, "Resetting the canvas state resets globalCompositeOperation"); 157 158 test(t => { 159 const canvas = document.createElement('canvas'); 160 canvas.width = 100; 161 canvas.height = 50; 162 const ctx = canvas.getContext('2d'); 163 164 const default_val = ctx.font; 165 ctx.font = "25px serif"; 166 canvas.width = 100; 167 _assertSame(ctx.font, default_val, "ctx.font", "default_val"); 168 }, "Resetting the canvas state resets font"); 169 170 test(t => { 171 const canvas = document.createElement('canvas'); 172 canvas.width = 100; 173 canvas.height = 50; 174 const ctx = canvas.getContext('2d'); 175 176 const default_val = ctx.textAlign; 177 ctx.textAlign = "center"; 178 canvas.width = 100; 179 _assertSame(ctx.textAlign, default_val, "ctx.textAlign", "default_val"); 180 }, "Resetting the canvas state resets textAlign"); 181 182 test(t => { 183 const canvas = document.createElement('canvas'); 184 canvas.width = 100; 185 canvas.height = 50; 186 const ctx = canvas.getContext('2d'); 187 188 const default_val = ctx.textBaseline; 189 ctx.textBaseline = "bottom"; 190 canvas.width = 100; 191 _assertSame(ctx.textBaseline, default_val, "ctx.textBaseline", "default_val"); 192 }, "Resetting the canvas state resets textBaseline"); 193 194 </script>