chore: testing setup for image shrink

packages/image-shrink/package.json

@@ -19,7 +19,7 @@
   "scripts": {
     "prepack": "cp ../../LICENSE ./LICENSE",
     "clean": "rimraf dist",
-    "test": "node --experimental-vm-modules ../../node_modules/jest/bin/jest.js",
+    "test": "npx playwright install-deps chromium && vitest --run",
     "prebuild": "npm run clean",
     "build": "npm run build:types && npm run build:compile",
     "build:types": "dts-bundle-generator --project tsconfig.dts.json -o dist/index.d.ts src/index.ts",
@@ -43,7 +43,9 @@
     "signature"
   ],
   "devDependencies": {
-    "ts-node": "^10.8.1"
-  },
-  "dependencies": {}
+    "@vitest/browser": "^1.2.2",
+    "playwright": "^1.41.2",
+    "ts-node": "^10.8.1",
+    "vitest": "^1.2.2"
+  }
 }

packages/image-shrink/src/test/helpers/blobToImage.ts

@@ -0,0 +1,11 @@
+export const blobToImage = (blob: Blob) => {
+  return new Promise<HTMLImageElement>((resolve) => {
+    const url = URL.createObjectURL(blob)
+    const img = new Image()
+    img.onload = () => {
+      URL.revokeObjectURL(url)
+      resolve(img)
+    }
+    img.src = url
+  })
+}

packages/image-shrink/src/test/helpers/fileFromUrl.ts

@@ -0,0 +1,5 @@
+export const fileFromUrl = async (url: string) => {
+  const response = await fetch(url)
+  const buffer = await response.arrayBuffer()
+  return new File([buffer], 'some.jpeg', { type: 'image/jpeg' })
+}

packages/image-shrink/src/utils/shrinkFile.test.ts

@@ -0,0 +1,22 @@
+/// <reference types="vite/client" />
+import { expect, describe, it } from 'vitest'
+import { shrinkFile } from './shrinkFile'
+import imageUrl from '../test/samples/2000x2000.jpeg'
+import { fileFromUrl } from '../test/helpers/fileFromUrl'
+import { blobToImage } from '../test/helpers/blobToImage'
+
+describe('shrinkFile', () => {
+  it('should shrink the image', async () => {
+    const file = await fileFromUrl(imageUrl)
+    const blob = await shrinkFile(file, {
+      size: 100,
+      quality: 0.5
+    })
+    expect(blob.size).toBeLessThan(file.size)
+    expect(blob.size).toBeLessThan(1000)
+
+    const img = await blobToImage(blob)
+    expect(img.width).toBe(10)
+    expect(img.height).toBe(10)
+  })
+})

packages/image-shrink/vitest.config.ts

@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  test: {
+    browser: {
+      enabled: true,
+      name: 'chromium',
+      provider: 'playwright',
+      headless: true
+    }
+  }
+})