From 13cf6dbcd692e5eff69051c8d454070e111798d5 Mon Sep 17 00:00:00 2001 From: chenshenhai Date: Sun, 13 Jun 2021 20:33:10 +0800 Subject: [PATCH] chore: add e2e testing of board scroll --- .../board/examples/test/scroll.html.jpg | Bin 0 -> 14919 bytes packages/board/examples/test/scroll.html | 88 ++++++++++++++++++ packages/board/examples/test/wheel.html | 12 +-- scripts/screen.config.js | 31 +++--- 4 files changed, 107 insertions(+), 24 deletions(-) create mode 100644 __tests__/snapshot/board/examples/test/scroll.html.jpg create mode 100644 packages/board/examples/test/scroll.html diff --git a/__tests__/snapshot/board/examples/test/scroll.html.jpg b/__tests__/snapshot/board/examples/test/scroll.html.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a07b020beebfb3ea8dd3f174cb659b171cc368ed GIT binary patch literal 14919 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 + + + + + + + +
+ + + + + + \ No newline at end of file diff --git a/packages/board/examples/test/wheel.html b/packages/board/examples/test/wheel.html index 683bd6c..17b910a 100644 --- a/packages/board/examples/test/wheel.html +++ b/packages/board/examples/test/wheel.html @@ -73,21 +73,15 @@ ctx.fillRect(500 - 10, 450 - 10, 20, 20); // board.scale(1.5); - // board.scrollX(-600); - // board.scrollY(-600); + board.scrollX(-200); + board.scrollY(-250); // board.scale(1); // const result = board.scale(1); - const result = board.scale(3); + const result = board.scale(1); console.log('result =', result); board.draw(); - // setTimeout(() => { - // const result = board.scale(2); - // console.log('result =', result); - // board.draw(); - // }, 5000) - diff --git a/scripts/screen.config.js b/scripts/screen.config.js index ce75824..c11f6c1 100644 --- a/scripts/screen.config.js +++ b/scripts/screen.config.js @@ -1,19 +1,20 @@ 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: 'board/examples/test/scale-001.html', w: 600, h: 400, delay: 1000 }, - { path: 'board/examples/test/scale-002.html', w: 600, h: 400, delay: 1000 }, - { path: 'board/examples/test/scale-003.html', w: 600, h: 400, delay: 1000 }, - { path: 'board/examples/test/scale-004.html', w: 600, h: 400, delay: 1000 }, - { path: 'board/examples/test/scale-005.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 }, - { path: 'core/examples/features/image.html', w: 600, h: 400, delay: 1000 }, - { path: 'core/examples/test/scale-001.html', w: 600, h: 400, delay: 1000 }, - { path: 'core/examples/test/scale-002.html', w: 600, h: 400, delay: 1000 }, - { path: 'core/examples/test/scale-003.html', w: 600, h: 400, delay: 1000 }, + { path: 'board/examples/test/main.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/transform-small.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/transform-large.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scale-001.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scale-002.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scale-003.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scale-004.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scale-005.html', w: 600, h: 400, delay: 500 }, + { path: 'board/examples/test/scroll.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/features/rect.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/features/text.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/features/svg.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/features/image.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/test/scale-001.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/test/scale-002.html', w: 600, h: 400, delay: 500 }, + { path: 'core/examples/test/scale-003.html', w: 600, h: 400, delay: 500 }, // { path: 'core/examples/test.html', w: 600, h: 600, delay: 8000 }, ]