Using the default injection mode ('inner bottom'), a list is injected. It should appear at the bottom of the inner gray block.
existing stuff inside the test node
Using the 'inner top' injection mode, a list is injected. It should appear at the top of the inner gray block.
existing stuff inside the test node
Using the 'inner replace' injection mode, a list is injected. It should be the only contents of the inner gray block.
existing stuff inside the test node
Using the 'outer top' injection mode, a list is injected. It should appear just before the inner gray block, in the outer block.
existing stuff inside the test node
Using the 'outer bottom' injection mode, a list is injected. It should appear just after the inner gray block, in the outer block.
existing stuff inside the test node
Using the 'outer replace' injection mode, a list is injected. It should completely replace the inner gray block (which, therefore, you shouldn't see), and should appear in the middle of the outer block's content, between the "stuff before the test node" and the "stuff after the test node".
existing stuff inside the test node
Using the 'outer bottom' injection mode, a list is injected when there is no existing content after the node. It should appear just after the inner gray block, in the outer block. This specifically tests conditional logic in Uize.Dom.Basics.injectHtml that handles choosing the appropriate DOM methods when the node has no next sibling to insert before (so appendChild has to be used instead).
existing stuff inside the test node
Using the 'inner top' injection mode, a list is injected when there is no existing content inside the node. It should appear inside the inner gray block. This specifically tests conditional logic in Uize.Dom.Basics.injectHtml that handles using innerHTML replacement as an optimization for this special case.