test: add drawImage snapshot

__test__/draw.spec.ts

@@ -1,11 +1,13 @@
+import { promises } from 'fs'
+import { join } from 'path'
 import ava, { TestInterface } from 'ava'
 
-import { createCanvas, Canvas, Path2D } from '../index'
+import { createCanvas, Canvas, Image, Path2D, SKRSContext2D } from '../index'
 import { snapshotImage } from './image-snapshot'
 
 const test = ava as TestInterface<{
   canvas: Canvas
-  ctx: CanvasRenderingContext2D
+  ctx: SKRSContext2D
 }>
 
 test.beforeEach((t) => {
@@ -230,7 +232,15 @@ test('createRadialGradient', async (t) => {
   await snapshotImage(t)
 })
 
-test.todo('drawImage')
+test('drawImage', async (t) => {
+  const { ctx } = t.context
+  const filePath = './snapshots/drawImage.png'
+  const file = await promises.readFile(join(__dirname, filePath))
+  const image = new Image()
+  image.src = file
+  ctx.drawImage(image, 0, 0)
+  await snapshotImage(t)
+})
 
 test('ellipse', async (t) => {
   const { ctx } = t.context

index.d.ts

@@ -1,9 +1,3 @@
-export type Canvas = HTMLCanvasElement & {
-  png(): Promise<Buffer>
-}
-
-export function createCanvas(width: number, height: number): Canvas
-
 export interface DOMMatrix2DInit {
   a: number
   b: number
@@ -64,3 +58,26 @@ export class Path2D {
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
   rect(x: number, y: number, w: number, h: number): void
 }
+
+export interface SKRSContext2D extends Omit<CanvasRenderingContext2D, 'drawImage'> {
+  drawImage(image: Image, dx: number, dy: number): void
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void
+  drawImage(
+    image: Image,
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number,
+  ): void
+}
+
+export interface Canvas extends Omit<HTMLCanvasElement, 'getContext'> {
+  getContext(contextId: '2d'): SKRSContext2D
+  png(): Promise<Buffer>
+}
+
+export function createCanvas(width: number, height: number): Canvas