mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-11-10 18:24:09 +03:00
157 lines
4.7 KiB
CoffeeScript
157 lines
4.7 KiB
CoffeeScript
PaneContainer = require '../src/pane-container'
|
|
PaneAxisElement = require '../src/pane-axis-element'
|
|
PaneAxis = require '../src/pane-axis'
|
|
|
|
describe "PaneContainerElement", ->
|
|
describe "when panes are added or removed", ->
|
|
[paneAxisElement, paneAxis] = []
|
|
|
|
beforeEach ->
|
|
paneAxis = new PaneAxis
|
|
paneAxisElement = new PaneAxisElement().initialize(paneAxis)
|
|
|
|
childTagNames = ->
|
|
child.nodeName.toLowerCase() for child in paneAxisElement.children
|
|
|
|
it "inserts or removes resize elements", ->
|
|
expect(childTagNames()).toEqual []
|
|
|
|
paneAxis.addChild(new PaneAxis)
|
|
expect(childTagNames()).toEqual [
|
|
'atom-pane-axis'
|
|
]
|
|
|
|
paneAxis.addChild(new PaneAxis)
|
|
expect(childTagNames()).toEqual [
|
|
'atom-pane-axis'
|
|
'atom-pane-resize-handle'
|
|
'atom-pane-axis'
|
|
]
|
|
|
|
paneAxis.addChild(new PaneAxis)
|
|
expect(childTagNames()).toEqual [
|
|
'atom-pane-axis'
|
|
'atom-pane-resize-handle'
|
|
'atom-pane-axis'
|
|
'atom-pane-resize-handle'
|
|
'atom-pane-axis'
|
|
]
|
|
|
|
paneAxis.removeChild(paneAxis.getChildren()[2])
|
|
expect(childTagNames()).toEqual [
|
|
'atom-pane-axis'
|
|
'atom-pane-resize-handle'
|
|
'atom-pane-axis'
|
|
]
|
|
|
|
describe "when the resize element is dragged ", ->
|
|
[container, containerElement] = []
|
|
|
|
beforeEach ->
|
|
container = new PaneContainer
|
|
containerElement = atom.views.getView(container)
|
|
document.querySelector('#jasmine-content').appendChild(containerElement)
|
|
|
|
dragElementToPosition = (element, clientX) ->
|
|
element.dispatchEvent(new MouseEvent('mousedown',
|
|
view: window
|
|
bubbles: true
|
|
button: 0
|
|
))
|
|
|
|
element.dispatchEvent(new MouseEvent 'mousemove',
|
|
view: window
|
|
bubbles: true
|
|
clientX: clientX
|
|
)
|
|
|
|
element.dispatchEvent(new MouseEvent 'mouseup',
|
|
iew: window
|
|
bubbles: true
|
|
button: 0
|
|
)
|
|
|
|
getElementWidth = (element) ->
|
|
element.getBoundingClientRect().width
|
|
|
|
expectPaneScale = (pairs...) ->
|
|
for [pane, expectedFlexScale] in pairs
|
|
expect(pane.getFlexScale()).toBeCloseTo(expectedFlexScale, 0.1)
|
|
|
|
getResizeElement = (i) ->
|
|
containerElement.querySelectorAll('atom-pane-resize-handle')[i]
|
|
|
|
getPaneElement = (i) ->
|
|
containerElement.querySelectorAll('atom-pane')[i]
|
|
|
|
it "adds and removes panes in the direction that the pane is being dragged", ->
|
|
leftPane = container.getActivePane()
|
|
expectPaneScale [leftPane, 1]
|
|
|
|
middlePane = leftPane.splitRight()
|
|
expectPaneScale [leftPane, 1], [middlePane, 1]
|
|
|
|
dragElementToPosition(
|
|
getResizeElement(0),
|
|
getElementWidth(getPaneElement(0)) / 2
|
|
)
|
|
expectPaneScale [leftPane, 0.5], [middlePane, 1.5]
|
|
|
|
rightPane = middlePane.splitRight()
|
|
expectPaneScale [leftPane, 0.5], [middlePane, 1.5], [rightPane, 1]
|
|
|
|
dragElementToPosition(
|
|
getResizeElement(1),
|
|
getElementWidth(getPaneElement(0)) + getElementWidth(getPaneElement(1)) / 2
|
|
)
|
|
expectPaneScale [leftPane, 0.5], [middlePane, 0.75], [rightPane, 1.75]
|
|
|
|
middlePane.close()
|
|
expectPaneScale [leftPane, 0.44], [rightPane, 1.55]
|
|
|
|
leftPane.close()
|
|
expectPaneScale [rightPane, 1]
|
|
|
|
it "splits or closes panes in orthogonal direction that the pane is being dragged", ->
|
|
leftPane = container.getActivePane()
|
|
expectPaneScale [leftPane, 1]
|
|
|
|
rightPane = leftPane.splitRight()
|
|
expectPaneScale [leftPane, 1], [rightPane, 1]
|
|
|
|
dragElementToPosition(
|
|
getResizeElement(0),
|
|
getElementWidth(getPaneElement(0)) / 2
|
|
)
|
|
expectPaneScale [leftPane, 0.5], [rightPane, 1.5]
|
|
|
|
# dynamically split pane, pane's flexScale will become to 1
|
|
lowerPane = leftPane.splitDown()
|
|
expectPaneScale [lowerPane, 1], [leftPane, 1], [leftPane.getParent(), 0.5]
|
|
|
|
# dynamically close pane, the pane's flexscale will recorver to origin value
|
|
lowerPane.close()
|
|
expectPaneScale [leftPane, 0.5], [rightPane, 1.5]
|
|
|
|
it "unsubscribes from mouse events when the pane is detached", ->
|
|
container.getActivePane().splitRight()
|
|
element = getResizeElement(0)
|
|
spyOn(document, 'addEventListener').andCallThrough()
|
|
spyOn(document, 'removeEventListener').andCallThrough()
|
|
spyOn(element, 'resizeStopped').andCallThrough()
|
|
|
|
element.dispatchEvent(new MouseEvent('mousedown',
|
|
view: window
|
|
bubbles: true
|
|
button: 0
|
|
))
|
|
|
|
waitsFor ->
|
|
document.addEventListener.callCount is 2
|
|
|
|
runs ->
|
|
expect(element.resizeStopped.callCount).toBe 0
|
|
container.destroy()
|
|
expect(element.resizeStopped.callCount).toBe 1
|
|
expect(document.removeEventListener.callCount).toBe 2
|