diff --git a/__tests__/snapshot/board/examples/test/transform-large.html.jpg b/__tests__/snapshot/board/examples/test/transform-large.html.jpg new file mode 100644 index 0000000..e976943 Binary files /dev/null and b/__tests__/snapshot/board/examples/test/transform-large.html.jpg differ diff --git a/__tests__/snapshot/board/examples/test/transform-small.html.jpg b/__tests__/snapshot/board/examples/test/transform-small.html.jpg new file mode 100644 index 0000000..4ee944d Binary files /dev/null and b/__tests__/snapshot/board/examples/test/transform-small.html.jpg differ diff --git a/packages/board/__tests__/index.test.ts b/packages/board/__tests__/index.test.ts index 2485479..765e57d 100644 --- a/packages/board/__tests__/index.test.ts +++ b/packages/board/__tests__/index.test.ts @@ -7,6 +7,8 @@ test('testing', async () => { const opts = { width: 600, height: 400, + contextWidth: 600, + contextHeight: 400, devicePixelRatio: 4 } const mount = document.querySelector('#mount') as HTMLDivElement; @@ -74,8 +76,8 @@ test('testing', async () => { expect(originCalls).toMatchSnapshot(); const displayCtx = board.getDisplayContext(); - // @ts-ignore; - const displayCalls = displayCtx.__getDrawCalls(); - expect(displayCalls).toMatchSnapshot(); + // @ts-ignore; + const displayCalls = displayCtx.__getDrawCalls(); + expect(displayCalls).toMatchSnapshot(); }); \ No newline at end of file diff --git a/packages/board/examples/test/main.html b/packages/board/examples/test/main.html index cb7372a..95cc837 100644 --- a/packages/board/examples/test/main.html +++ b/packages/board/examples/test/main.html @@ -21,6 +21,34 @@
- + \ No newline at end of file diff --git a/packages/board/examples/test/main.js b/packages/board/examples/test/main.js deleted file mode 100644 index f2cd0b7..0000000 --- a/packages/board/examples/test/main.js +++ /dev/null @@ -1,26 +0,0 @@ -const { Board } = window.iDraw; - -const mount = document.querySelector('#mount'); -const board = new Board(mount, { - width: 600, - height: 400, - contextWidth: 600, - contextHeight: 400, - devicePixelRatio: 4 -}); - -const ctx = board.getContext(); - -ctx.setFillStyle('#f0f0f0'); -ctx.fillRect(10, 10, 200, 120); - -ctx.setFillStyle('#cccccc'); -ctx.fillRect(80, 80, 200, 120); - -ctx.setFillStyle('#c0c0c0'); -ctx.fillRect(160, 160, 200, 120); - -ctx.setFillStyle('#e0e0e0'); -ctx.fillRect(400 - 10, 300 - 10, 200, 100); - -board.draw(); diff --git a/packages/board/examples/test/transform-large.html b/packages/board/examples/test/transform-large.html new file mode 100644 index 0000000..03b58be --- /dev/null +++ b/packages/board/examples/test/transform-large.html @@ -0,0 +1,57 @@ + + + + + + + + +
+ + + + + + \ No newline at end of file diff --git a/packages/board/examples/test/transform-small.html b/packages/board/examples/test/transform-small.html new file mode 100644 index 0000000..e345d0f --- /dev/null +++ b/packages/board/examples/test/transform-small.html @@ -0,0 +1,55 @@ + + + + + + + + +
+ + + + + + \ No newline at end of file diff --git a/scripts/screen.config.js b/scripts/screen.config.js index 3d45ab7..d72cffc 100644 --- a/scripts/screen.config.js +++ b/scripts/screen.config.js @@ -1,5 +1,7 @@ const pageList = [ { path: 'board/examples/test/main.html', w: 600, h: 400, delay: 1000 }, + { path: 'board/examples/test/transform-small.html', w: 600, h: 400, delay: 1000 }, + { path: 'board/examples/test/transform-large.html', w: 600, h: 400, delay: 1000 }, { path: 'core/examples/features/rect.html', w: 600, h: 400, delay: 1000 }, { path: 'core/examples/features/text.html', w: 600, h: 400, delay: 1000 }, { path: 'core/examples/features/svg.html', w: 600, h: 400, delay: 1000 }, diff --git a/scripts/snapshot.js b/scripts/snapshot.js index 165f1cf..d78f9f2 100644 --- a/scripts/snapshot.js +++ b/scripts/snapshot.js @@ -12,9 +12,10 @@ main(); async function main() { removeFullDir(snapshotDir); const middlewares = []; - pageList.forEach((p) => { + pageList.forEach((p, i) => { middlewares.push(async (ctx = {}, next) => { const { page, port } = ctx; + console.log(`[${i+1}/${pageList.length}] Screen: ${p.path}`) await page.setViewport( { width: p.w, height: p.h } ); const pageUrl = `http://127.0.0.1:${port}/packages/${p.path || ''}`; const result = await page.goto(pageUrl);