refactor: layout performance

integration_tests/specs/css/css-display/sliver.ts

@@ -153,6 +153,54 @@ describe('display sliver', () => {
     await snapshot();
   });
 
+  it('should works with height of sliver child changes', async (done) => {
+    let div;
+    let div1;
+    let div2;
+    div = createElement(
+      'div',
+      {
+        style: {
+          display: 'sliver',
+          width: '200px',
+          height: '200px',
+          backgroundColor: 'red'
+        },
+      }, [
+        (div1 = createElement('div', {
+          style: {
+            positive: 'relative',
+            width: '200px',
+            height: '100px',
+            backgroundColor: 'green'
+          }
+        }, [
+            createText('1')
+        ])),
+        (div2 = createElement('div', {
+          style: {
+            positive: 'relative',
+            width: '200px',
+            height: '100px',
+            backgroundColor: 'yellow'
+          }
+        }, [
+          createText('2')
+        ]))
+      ]
+    );
+    BODY.appendChild(div);
+
+    await snapshot();
+
+    requestAnimationFrame(async () => {
+      div1.style.height = '50px';
+      div2.style.height = '50px';
+      await snapshot();
+      done();
+    });
+  });
+
   it('sliver child is text or comment', async () => {
     var comment = document.createComment('HelloWorld');
     var text = document.createTextNode('HelloWorld');

integration_tests/specs/css/css-sizing/min-height.ts

@@ -28,7 +28,7 @@ describe('min-height', () => {
     await snapshot();
   });
 
-  fit("should work with padding exist and height not exist", async () => {
+  it("should work with padding exist and height not exist", async () => {
     let containingBlock = createElement('div', {
       style: {
         border: '2px solid #000',

integration_tests/specs/css/css-sizing/min-width.ts

@@ -28,7 +28,7 @@ describe('min-width', () => {
     await snapshot();
   });
 
-  fit("should work with padding exist and width not exist", async () => {
+  it("should work with padding exist and width not exist", async () => {
     let containingBlock = createElement('div', {
       style: {
         border: '2px solid #000',