'use strict'

{unit, assert, Renderer} = Neft
{describe, it, beforeEach} = unit
{Flow, Item} = Renderer

setSize = (item, width, height) ->
    item.width = width
    item.height = height
    item

expectPosition = (item, x, y) ->
    assert.is item.x, x
    assert.is item.y, y
    item

expectSize = (item, width, height) ->
    assert.is item.width, width
    assert.is item.height, height
    item

describe 'src/renderer Flow', ->
    flow = items = item1 = item2 = item3 = onReady = null

    beforeEach ->
        onReadyCallback = null
        onReadyCalled = false
        onReady = ->
            if onReadyCalled or not listen
                return
            onReadyCalled = true
            setTimeout onReadyCallback

        comp = new Renderer.Component
        flow = Flow.New comp
        flow.onWidthChange onReady
        flow.onHeightChange onReady
        flow.onMarginChange onReady

        items = []
        for i in [0...3]
            item = items[i] = Item.New comp
            item.parent = flow
            item.onXChange onReady
            item.onYChange onReady
            item.onWidthChange onReady
            item.onHeightChange onReady
        [item1, item2, item3] = items

        listen = false
        onReady = (callback) ->
            listen = true
            onReadyCallback = callback

    it '1', (done) ->
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 50, 50
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 150, 50
            expectPosition item1, 0, 0
            expectPosition item2, 50, 0
            expectPosition item3, 100, 0
            done()

    it '2', (done) ->
        flow.width = 100
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 50, 50
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 100, 100
            expectPosition item1, 0, 0
            expectPosition item2, 50, 0
            expectPosition item3, 0, 50
            done()

    it '3', (done) ->
        flow.height = 20
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 50, 50
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 150, 20
            expectPosition item1, 0, 0
            expectPosition item2, 50, 0
            expectPosition item3, 100, 0
            done()

    it '4', (done) ->
        flow.width = 120
        flow.collapseMargins = true
        setSize item1, 50, 50
        item1.margin = '10 20'
        setSize item2, 50, 50
        setSize item3, 50, 50
        item3.margin = 20
        onReady ->
            expectSize flow, 120, 120
            expectPosition item1, 0, 0
            expectPosition item2, 70, 0
            expectPosition item3, 0, 70
            done()

    it '5', (done) ->
        flow.width = 140
        flow.collapseMargins = true
        flow.includeBorderMargins = true
        setSize item1, 50, 50
        item1.margin = '10 20'
        setSize item2, 50, 50
        setSize item3, 50, 50
        item3.margin = 20
        onReady ->
            expectSize flow, 140, 150
            expectPosition item1, 20, 10
            expectPosition item2, 90, 0
            expectPosition item3, 20, 80
            done()

    it '6', (done) ->
        flow.collapseMargins = true
        flow.includeBorderMargins = true
        setSize item1, 50, 50
        item1.margin = '10 20'
        setSize item2, 50, 50
        setSize item3, 50, 50
        item3.margin = 20
        onReady ->
            expectSize flow, 230, 90
            expectPosition item1, 20, 10
            expectPosition item2, 90, 0
            expectPosition item3, 160, 20
            done()

    it '7', (done) ->
        flow.width = 120
        setSize item1, 50, 50
        item1.margin = '10 20'
        setSize item2, 50, 50
        setSize item3, 50, 50
        item3.margin = 20
        onReady ->
            expectSize flow, 120, 130
            expectPosition item1, 0, 0
            expectPosition item2, 70, 0
            expectPosition item3, 0, 80
            done()

    it '8', (done) ->
        flow.width = 160
        flow.includeBorderMargins = true
        setSize item1, 50, 50
        item1.margin = '10 20'
        setSize item2, 50, 50
        setSize item3, 50, 50
        item3.margin = 20
        onReady ->
            expectSize flow, 160, 160
            expectPosition item1, 20, 10
            expectPosition item2, 90, 0
            expectPosition item3, 20, 90
            done()

    it '9', (done) ->
        flow.width = 100
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 0, 50
        item2.layout.fillWidth = true
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 100, 150
            expectPosition item1, 0, 0
            expectPosition item2, 0, 50
            expectSize item2, 100, 50
            expectPosition item3, 0, 100
            done()

    it '10', (done) ->
        flow.width = 100
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 0, 50
        item2.layout.fillWidth = true
        item2.margin = 10
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 100, 170
            expectPosition item1, 0, 0
            expectPosition item2, 0, 60
            expectSize item2, 100, 50
            expectPosition item3, 0, 120
            done()

    it '11', (done) ->
        flow.width = 100
        flow.collapseMargins = true
        flow.includeBorderMargins = true
        setSize item1, 50, 50
        setSize item2, 0, 50
        item2.layout.fillWidth = true
        item2.margin = 10
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 100, 170
            expectPosition item1, 0, 0
            expectPosition item2, 10, 60
            expectSize item2, 80, 50
            expectPosition item3, 0, 120
            done()

    it '12', (done) ->
        flow.width = 110
        flow.height = 200
        flow.collapseMargins = true
        setSize item1, 50, 50
        setSize item2, 50, 0
        item2.layout.fillHeight = true
        item2.margin = 10
        setSize item3, 50, 50
        onReady ->
            expectSize flow, 110, 200
            expectPosition item1, 0, 0
            expectPosition item2, 60, 0
            expectSize item2, 50, 140
            expectPosition item3, 0, 150
            done()