| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <script src="../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <pre id='console'></pre> |
| <canvas></canvas> |
| |
| <script> |
| "use strict"; |
| |
| const log = console.log.bind(console); |
| const canvas = document.querySelector("canvas"); |
| const ctx = canvas.getContext("2d"); |
| |
| let callCount = 0; |
| function makeValue(x) { |
| return { |
| valueOf() { ++callCount; return x; } |
| }; |
| } |
| |
| let array = [makeValue(1), makeValue(2), makeValue(3)]; |
| ctx.setLineDash(array); |
| let a = ctx.getLineDash(); |
| log("Using an array but with objects with valueOf()"); |
| log(a); |
| |
| ctx.setLineDash([1,2,3]); |
| let b = ctx.getLineDash(); |
| log(b); |
| |
| if (a.toString() !== b.toString()) |
| throw new Error("Bad result. They should be equal."); |
| |
| log(`callCount: ${callCount}`); |
| if (callCount !== 3) |
| throw new Error("Bad result. callCount should be 3."); |
| |
| |
| let iter = [][Symbol.iterator](); |
| let iterProto = Object.getPrototypeOf(iter); |
| let oldNext = iterProto.next; |
| |
| callCount = 0; |
| function hackedNext() { |
| ++callCount; |
| |
| let val = oldNext.call(this); |
| if ("value" in val) { |
| val.value++; |
| } |
| return val; |
| } |
| const obj = { |
| valueOf: function() { |
| iterProto.next = hackedNext; |
| return 2; |
| } |
| }; |
| array = [1, obj, 3]; |
| ctx.setLineDash(array); |
| b = ctx.getLineDash(); |
| log(`${b}`); |
| |
| iterProto.next = oldNext; |
| ctx.setLineDash([1,2,3]); |
| a = ctx.getLineDash(); |
| log(a); |
| if (a.toString() !== b.toString()) |
| throw new Error("Bad result. They should be equal."); |
| |
| log(`callCount: ${callCount}`); |
| if (callCount !== 0) |
| throw new Error("Bad result. callCount should be 0."); |
| |
| </script> |
| |
| <script src="../resources/js-test-post.js"></script> |
| |
| </body> |
| </html> |
