wrong intrinsics of an box with inequal margin sizes

bug introduced in c440e11

Author: chearon

src/layout-flow.ts

@@ -1137,7 +1137,7 @@ export function layoutContribution(
 ) {
   const containingBlock = box.getContainingBlock();
   const marginLineLeft = box.style.getMarginLineLeft(containingBlock);
-  const marginLineRight = box.style.getMarginLineLeft(containingBlock);
+  const marginLineRight = box.style.getMarginLineRight(containingBlock);
   const borderLineLeftWidth = box.style.getBorderLineLeftWidth(containingBlock);
   const paddingLineLeft = box.style.getPaddingLineLeft(containingBlock);
   const paddingLineRight = box.style.getPaddingLineRight(containingBlock);

test/flow.spec.js

@@ -1560,6 +1560,19 @@ describe('Flow', function () {
         expect(t.getContentArea().width).to.equal(500);
       });
 
+      it('calculates contribution from inequal margin sides correctly', function () {
+        this.reflow(`
+          <div style="width: 200px;">
+            <div id="t" style="float: left; margin: 0 30px 0 10px;">
+              <div style="width: 50px; height: 10px;"></div>
+            </div>
+          </div>
+        `);
+
+        const t = this.get('#t');
+        expect(t.getContentArea().width).to.equal(50);
+      });
+
       it('considers margin, border, padding part of the intrinsic size', function () {
         this.layout(`
           <div style="width: 200px; font: 16px Arimo;">