• passes: 74
• failures: 0
• duration: 0.08s

• ExtendedVisualFormat

  • comments

    • allow end of line comments: |[child]| //comments here0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('|[child]| // comments here', opts);
      assert.equal(2, constraints.length);

    • allow end of line comments (no spaces): |[child]|//comments here1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('|[child]|//comments here', opts);
      assert.equal(2, constraints.length);

    • allow whole line comments: //|[child]|0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('//|[child]|', opts);
      assert.equal(0, constraints.length);

  • parse

    • should return 1 contraint for: [child(60)] with constant 601ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(60)]', opts);
      assert.equal(1, constraints.length);
      assert.equal(constraints[0].constant, 60);

    • should return 1 contraint for: [child(60.6666)] with constant 60.66660ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(60.6666)]', opts);
      assert.equal(1, constraints.length);
      assert.equal(constraints[0].constant, 60.6666);

  • connections

    • should position child2 right of child: [child][child2]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child][child2]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'right');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'child2');
      assert.equal(c.attr2, 'left');
      assert.equal(c.constant, 0);

    • should position child2 right of child: [child]-10-[child2]1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-10-[child2]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'right');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'child2');
      assert.equal(c.attr2, 'left');
      assert.equal(c.constant, -10);

    • should position child2 right of child: [child]-(50)-[child2]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-(50)-[child2]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'right');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'child2');
      assert.equal(c.attr2, 'left');
      assert.equal(c.constant, -50);

    • should position child2 right of child: [child]-(-22)-[child2]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-(-22)-[child2]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'right');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'child2');
      assert.equal(c.attr2, 'left');
      assert.equal(c.constant, 22);

    • should position child2 right of child: [child]-10%-[child2]1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-10%-[child2]', opts);
      assert.equal(3, constraints.length);

    • should position child2 right of child: [child]-(15%)-[child2]1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-(15%)-[child2]', opts);
      assert.equal(3, constraints.length);

    • should position child2 right of child: [child]-(-10%)-[child2]1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child]-(-10%)-[child2]', opts);
      assert.equal(3, constraints.length);

    • should position child2 right of child: [child(60)]-(child/10)-[child2]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(60)]-(child/10)-[child2]', opts);
      assert.equal(4, constraints.length);

    • should position child2 right of child: [child(60)]-(child/-10)-[child2]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(60)]-(child/-10)-[child2]', opts);
      assert.equal(4, constraints.length);

    • should position child2 right of child: [child(60)]-(child/+10)-[child2]1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(60)]-(child/+10)-[child2]', opts);
      assert.equal(4, constraints.length);

  • proportional size

    • width should be 50%: [child(50%)]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(50%)]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'width');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, null);
      assert.equal(c.attr2, 'width');
      assert.equal(c.multiplier, 0.5);

    • width should be >= 50%: [child(>=50%)]0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(>=50%)]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'width');
      assert.equal(c.relation, 'geq');
      assert.equal(c.view2, null);
      assert.equal(c.attr2, 'width');
      assert.equal(c.multiplier, 0.5);

    • width should be -10%: [child(-10%)] (fictional scenario)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('[child(-10%)]', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'child');
      assert.equal(c.attr1, 'width');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, null);
      assert.equal(c.attr2, 'width');
      assert.equal(c.multiplier, -0.1);

  • explicit constraint syntax

    • centerX should be equal to centerX: C:view1.centerX(view2.centerX)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerX(view2.centerX)', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerX');

    • centerY should be equal to centerY (implicit attribute): C:view1.centerY(view2)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerY(view2)', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerY');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerY');

    • left should be >= to top: C:view1.left(>=view2.top*2)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.left(>=view2.top*2)', opts);
      assert.equal(1, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'left');
      assert.equal(c.relation, 'geq');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'top');
      assert.equal(c.multiplier, 2);

    • centerX should be equal to centerX and centerX: C:view1.centerX(view2.centerX,view3.centerX)1ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerX(view2.centerX,view3.centerX)', opts);
      assert.equal(2, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerX');
      c = constraints[1];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view3');
      assert.equal(c.attr2, 'centerX');

    • centerX should be equal to centerX and centerX (implicit attributes): C:view1.centerX(view2,view3)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerX(view2,view3)', opts);
      assert.equal(2, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerX');
      c = constraints[1];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view3');
      assert.equal(c.attr2, 'centerX');

    • chaining syntax: C:view1.centerX(view2.centerX).centerY(view2.centerY)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerX(view2.centerX).centerY(view2.centerY)', opts);
      assert.equal(2, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerX');
      c = constraints[1];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerY');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerY');

    • chaining syntax (implicit attributes): C:view1.centerX(view2).centerY(view2)0ms ‣

      var constraints = AutoLayout.VisualFormat.parse('C:view1.centerX(view2).centerY(view2)', opts);
      assert.equal(2, constraints.length);
      var c = constraints[0];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerX');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerX');
      c = constraints[1];
      assert.equal(c.view1, 'view1');
      assert.equal(c.attr1, 'centerY');
      assert.equal(c.relation, 'equ');
      assert.equal(c.view2, 'view2');
      assert.equal(c.attr2, 'centerY');

• View

  • setSize

    • width

      • width should be equal to 1000ms ‣

        assert.equal(100, view.width);

    • height

      • height should be equal to 1000ms ‣

        assert.equal(100, view.height);

    • width & height

      • width should be equal to 2000ms ‣

        assert.equal(200, view.width);

      • height should be equal to 1000ms ‣

        assert.equal(100, view.height);

    • size through constructor

      • width should be equal to 2000ms ‣

        assert.equal(200, view.width);

      • height should be equal to 1001ms ‣

        assert.equal(100, view.height);

    • ambiguous inner size |[child(50)]|

      • width should be equal 2000ms ‣

        assert.equal(200, view.width);

  • toJSON

    • subViews0ms ‣

      assert.equal(JSON.stringify(view.subViews), JSON.stringify({
          child: {
              name: 'child',
              left: 8,
              top: 0,
              width: 88,
              height: 100
          },
          child2: {
              name: 'child2',
              left: 104,
              top: 0,
              width: 88,
              height: 100
          }
      }));

    • subViews.child0ms ‣

      assert.equal(JSON.stringify(view.subViews.child), JSON.stringify({
          name: 'child',
          left: 8,
          top: 0,
          width: 88,
          height: 100
      }));

  • attributes

    • left should be 00ms ‣

      assert.equal(0, child.left);

    • width should be 2000ms ‣

      assert.equal(width, child.width);

    • right should be 2001ms ‣

      assert.equal(width, child.right);

    • centerX should be 1000ms ‣

      assert.equal(child.left + (child.width / 2), child.centerX);
      assert.equal(width / 2, child.centerX);

    • top should be 00ms ‣

      assert.equal(0, child.top);

    • height should be 1001ms ‣

      assert.equal(height, child.height);

    • bottom should be 1000ms ‣

      assert.equal(child.top + child.height, child.bottom);
      assert.equal(height, child.bottom);

    • centerY should be 500ms ‣

      assert.equal(child.top + (child.height / 2), child.centerY);
      assert.equal(height / 2, child.centerY);

  • intrinsic & fitting size

    • |-[view1]-[view2]-| subViews.view1.intrinsicWidth = 1002ms ‣

      var view = new AutoLayout.View({
          constraints: AutoLayout.VisualFormat.parse('|-[view1]-[view2]-|'),
          spacing: 20,
          width: 500
      });
      view.subViews.view1.intrinsicWidth = 100;
      assert.equal(view.subViews.view2.width, 340);

    • |-[view1]-[view2]-| => fittingWidth2ms ‣

      var view = new AutoLayout.View({
          constraints: AutoLayout.VisualFormat.parse('|-[view1]-[view2]-|'),
          spacing: 20
      });
      view.subViews.view1.intrinsicWidth = 100;
      view.subViews.view2.intrinsicWidth = 100;
      assert.equal(view.fittingWidth, 260);

  • layouts

    • V:|[header(100)][content]| (height: 500)

      • header.top should be 00ms ‣

        assert.equal(view.subViews.header.top, 0);

      • header.height should be 1000ms ‣

        assert.equal(view.subViews.header.height, 100);

      • content.top should be 1000ms ‣

        assert.equal(view.subViews.content.top, 100);

      • content.height should be 4000ms ‣

        assert.equal(view.subViews.content.height, 400);

    • HV:|[background]| (width: 800, height: 500)

      • background.top should be 00ms ‣

        assert.equal(view.subViews.background.top, 0);

      • background.left should be 00ms ‣

        assert.equal(view.subViews.background.left, 0);

      • background.width should be 8000ms ‣

        assert.equal(view.subViews.background.width, 800);

      • background.height should be 5000ms ‣

        assert.equal(view.subViews.background.height, 500);

    • |[view1,view2]| (width: 800)

      • view1.left should be 00ms ‣

        assert.equal(view.subViews.view1.left, 0);

      • view1.width should be 8001ms ‣

        assert.equal(view.subViews.view1.width, 800);

      • view2.left should be 00ms ‣

        assert.equal(view.subViews.view2.left, 0);

      • view2.width should be 8000ms ‣

        assert.equal(view.subViews.view2.width, 800);

    • |[view1..2]| (width: 800)

      • number of subViews should be 20ms ‣

        assert.equal(Object.keys(view.subViews).length, 2);

      • view1.left should be 00ms ‣

        assert.equal(view.subViews.view1.left, 0);

      • view1.width should be 8000ms ‣

        assert.equal(view.subViews.view1.width, 800);

      • view2.left should be 00ms ‣

        assert.equal(view.subViews.view2.left, 0);

      • view2.width should be 8000ms ‣

        assert.equal(view.subViews.view2.width, 800);

    • V:|[banner(100)]-[content]-| (height: 500)

      • number of subViews should be 20ms ‣

        assert.equal(Object.keys(view.subViews).length, 2);

      • banner.top should be 00ms ‣

        assert.equal(view.subViews.banner.top, 0);

      • banner.height should be 1000ms ‣

        assert.equal(view.subViews.banner.height, 100);

      • content.top should be 1080ms ‣

        assert.equal(view.subViews.content.top, 108);

      • content.bottom should be 4920ms ‣

        assert.equal(view.subViews.content.bottom, 492);

    • |[view1]-(view2)-[view2(100)]| (width: 500)

      • view1.left should be 00ms ‣

        assert.equal(view.subViews.view1.left, 0);

      • view1.width should be 3000ms ‣

        assert.equal(view.subViews.view1.width, 300);

      • view2.left should be 4000ms ‣

        assert.equal(view.subViews.view2.left, 400);

      • view2.right should be 5000ms ‣

        assert.equal(view.subViews.view2.right, 500);

    • |[row:[view1][view2(100)]]| (width: 500)

      • view1.left should be 00ms ‣

        assert.equal(view.subViews.view1.left, 0);

      • view1.width should be 4000ms ‣

        assert.equal(view.subViews.view1.width, 400);

      • view2.left should be 4000ms ‣

        assert.equal(view.subViews.view2.left, 400);

      • view2.right should be 5000ms ‣

        assert.equal(view.subViews.view2.right, 500);