Docking Anchorables

This page contains a sequence of Layoutanchorable (tool window) drag & drop test cases (ranging from simple to complex) and their XML Layouts to better understand the relationships between: LayoutAnchorablePaneGroup, LayoutAnchorablePane, and LayoutAnchorable.

The test cases below should (for technical reasons) be tested in 2 variations when testing for Maximized Window on 2nd Screen:

1. Dragging the first window into 2nd screen and maximizing it (drag all other windows into the 1st Window)
2. Dragging the first window out of main window, drag all other windows into the 1st Window, and then drag the floating window to 2nd screen and maximize it

The pre-requisite for each test is an application configured like this

Test Case 0

• Drag Tool 3 out of MainWindow

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 3>

Test Case 1

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Bottom of Tool 3

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Vertical"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePane<Tool 2>

Test Case 2

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Bottom of Tool 3
• Drag Tool 1 into Dock.Bottom of Tool 2

Screenshot and XML Result below LayoutAnchorableFloatingWindow**:

• LayoutAnchorablePaneGroup Orientation="Vertical"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePane<Tool 2>
  • LayoutAnchorablePane<Tool 1>

Test Case 3

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Right of Tool 3

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePane<Tool 2>

Test Case 4

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Right of Tool 3
• Drag Tool 1 into Dock.Right of Tool 2

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePane<Tool 2>
  • LayoutAnchorablePane<Tool 1>

Test Case 5

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Center of Tool 3

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 2>, <Tool 3>

Test Case 6

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Center of Tool 3
• Drag Tool 1 into Dock.Center of Tool 2

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 1>, <Tool 2>, <Tool 3>

Test Case 7

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Right of Tool 3
• Drag Tool 1 into Dock.Bottom of Tool 2

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePaneGroup Orientation="Vertical"
    • LayoutAnchorablePane<Tool 2>
    • LayoutAnchorablePaneGroup Orientation="Horizontal"
      • LayoutAnchorablePane<Tool 1>

Test Case 8

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Bottom of Tool 3
• Drag Tool 1 into Dock.Right of Tool 2

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Vertical"
  • LayoutAnchorablePane<Tool 3>
  • LayoutAnchorablePaneGroup Orientation="Horizontal"
    • LayoutAnchorablePane<Tool 2>
    • LayoutAnchorablePaneGroup Orientation="Horizontal"
      • LayoutAnchorablePane<Tool 1>

Test Case 9

• Drag Tool 3 out of MainWindow
• Drag Tool 2 into Dock.Right of Tool 3
• Drag Tool 1 into Dock.Bottom of Tool 2
• Drag FileStats into Dock.Bottom of Tool 3

Screenshot and XML Result below LayoutAnchorableFloatingWindow:

• LayoutAnchorablePaneGroup Orientation="Horizontal"

  • LayoutAnchorablePaneGroup Orientation="Vertical"

    • LayoutAnchorablePane<Tool 3>
    • LayoutAnchorablePaneGroup Orientation="Horizontal"
      • LayoutAnchorablePane<File Stats>

  • LayoutAnchorablePaneGroup Orientation="Vertical"

    • LayoutAnchorablePane<Tool 2>
    • LayoutAnchorablePaneGroup Orientation="Horizontal"
      • LayoutAnchorablePane<Tool 1>