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 1000ms ‣

      assert.equal(100, view.height);

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

    • width should be equal 2000ms ‣

      assert.equal(200, view.width);

• toJSON

  • subViews1ms ‣

    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.child1ms ‣

    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 2000ms ‣

    assert.equal(width, child.right);

  • centerX should be 1001ms ‣

    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 1000ms ‣

    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 501ms ‣

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

• intrinsic & fitting size

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

    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]-| => fittingWidth1ms ‣

    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 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);

  • |[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);