fix test cases

example/node/maketest.js

@@ -1,38 +1,32 @@
 const {createCanvas} = require('canvas')
 const fs = require('fs')
 
-const Label = require('../../lib/label').default
+const {BaseSprite} = require('sprite-core')
 
-async function drawSprites(canvas, sprites) {
+function drawSprites(canvas, sprites) {
   const {width, height} = canvas,
     context = canvas.getContext('2d')
 
   context.clearRect(0, 0, width, height)
   for(let i = 0; i < sprites.length; i++) {
-    /* eslint-disable no-await-in-loop */
-    await sprites[i].draw(context, true)
-    /* eslint-enabel no-await-in-loop */
+    sprites[i].connect(context).draw()
   }
   return canvas.toBuffer()
 }
 
-const text1 = new Label('SpriteJS.org 中国')
-
-text1.attr({
-  anchor: 0.5,
-  pos: [400, 300],
-  font: '48px Arial',
-  color: '#fff',
-  bgcolor: 'blue',
-  renderMode: 'stroke',
-  lineHeight: 75,
-  padding: [0, 50, 0, 50],
+const s = new BaseSprite()
+
+s.attr({
+  bgcolor: 'red',
+  anchor: [0.5, 0.5],
+  pos: [100, 100],
+  size: [50, 50],
 })
 
-const canvas = createCanvas(800, 600)
+const canvas = createCanvas(200, 200)
 
 ;(async function () {
-  const buffer = await drawSprites(canvas, [text1])
-  fs.writeFileSync('../../test/img/label-48px-Arial.png', buffer)
+  const buffer = await drawSprites(canvas, [s])
+  fs.writeFileSync('../../test/img/basesprite-bgcolor-red.png', buffer)
 }())
 

test/basesprite.js

@@ -25,7 +25,7 @@ test('test bgcolor red', async (t) => {
 
   s.connect(context).draw()
 
-  const isEqual = await compare(canvas, 'basesprite-bgcolor-red.png')
+  const isEqual = await compare(canvas, 'basesprite-bgcolor-red')
 
   t.truthy(isEqual)
 })
@@ -46,7 +46,7 @@ test('test bgcolor green opacity=0.5', async (t) => {
 
   s.connect(context).draw()
 
-  const isEqual = await compare(canvas, 'basesprite-bgcolor-green-opacity.png')
+  const isEqual = await compare(canvas, 'basesprite-bgcolor-green-opacity')
 
   t.truthy(isEqual)
 })
@@ -74,6 +74,6 @@ test('test basesprite-s1-s2-rotate', async (t) => {
   const canvas = createCanvas(200, 200)
   drawSprites(canvas, [s1, s2])
 
-  const isEqual = await compare(canvas, 'basesprite-s1-s2-rotate.png')
+  const isEqual = await compare(canvas, 'basesprite-s1-s2-rotate')
   t.truthy(isEqual)
 })

test/helpers/index.js

@@ -14,9 +14,9 @@ export async function createCanvasFromFile(src) {
   return canvas
 }
 
-export async function compare(canvas, imgFile) {
+export async function compare(canvas, caseId) {
   const srcData = canvas.toBuffer()
-  const desCanvas = await createCanvasFromFile(`./test/img/${imgFile}`)
+  const desCanvas = await createCanvasFromFile(`./test/img/${caseId}.png`)
 
   const desData = desCanvas.toBuffer()
   const N = 32
@@ -26,9 +26,10 @@ export async function compare(canvas, imgFile) {
   const results = await Promise.all([hash1, hash2])
 
   const dist = hamming(...results)
-  console.warn(colors.cyan(`Hamming distance between canvas and ${imgFile} should be: ${dist}`))
+  console.warn(colors.cyan(`Hamming distance between canvas and ${caseId} is: ${dist}`))
 
-  const diffFile = `./test/img-diff/${imgFile}`
+  const diffFile = `./test/img-diff/${caseId}.diff.png`
+  const srcFile = `./test/img-diff/${caseId}.src.png`
 
   const width = canvas.width,
     height = canvas.height
@@ -69,6 +70,7 @@ export async function compare(canvas, imgFile) {
 
   if(!isEqual) {
     fs.writeFileSync(diffFile, diffCanvas.toBuffer())
+    fs.writeFileSync(srcFile, canvas.toBuffer())
   } else if(fs.existsSync(diffFile)) {
     fs.unlinkSync(diffFile)
   }