Merge pull request #1746 from VisActor/test/memory

test: add memory test

Author: neuqzxy

packages/vrender/__tests__/browser/src/pages/index.ts

@@ -15,6 +15,10 @@ export const pages = [
         name: '性能测试',
         path: 'performance-test'
       },
+      {
+        name: '内存',
+        path: 'memory'
+      },
       {
         name: '按需加载',
         path: 'anxu-picker'

packages/vrender/__tests__/browser/src/pages/memory.ts

@@ -0,0 +1,33 @@
+import { createStage, createRect, IGraphic } from '@visactor/vrender';
+import { roughModule } from '@visactor/vrender-kits';
+import { addShapesToStage, colorPools } from '../utils';
+
+// container.load(roughModule);
+export const page = () => {
+  let stage: any;
+  function run() {
+    stage && stage.release();
+    const graphics: IGraphic[] = [];
+    for (let i = 0; i < 10000; i++) {
+      graphics.push(createRect({ x: 100, y: 100, width: 100, height: 100, fill: 'red' }));
+    }
+
+    stage = createStage({
+      canvas: 'main',
+      canvasControled: false,
+      autoRender: true,
+      autoRefresh: true
+    });
+    graphics.forEach(g => {
+      stage.defaultLayer.add(g);
+    });
+  }
+  const button = document.createElement('button');
+  button.innerHTML = 'run';
+  button.onclick = () => {
+    for (let i = 0; i < 300; i++) {
+      run();
+    }
+  };
+  document.body.appendChild(button);
+};