Template:Skip to bottom/testcases

Absolute positioning
  The  tests in this section use CSS absolute positioning; open only one of these tests at a time to view the result. Opening more than one at a time is permissible, and gives predictable but invalid results. These testcases test the sandbox version only.

Test A1: default case (no args)

 * Expect: floating box at absolute top right of this page, with ToC and 'bottom' links

Test A2: notoc=yes

 * Expect: floating box top right of this page, bottom link, no ToC link

Test A3: force=yes

 * Expect: floating box top right of this page, with ToC and 'bottom' links, and box sits slightly higher (you may have to side-by-side Test A1 and Test A3 in two tabs to see the difference; alternatively, open Tests A2 and A3 simultaneously in one tab.)

Test A4:notoc=yes force=yes

 * Expect: floating box top right of this page, bottom link, no ToC link, and box sits higher

Relative positioning
The tests in this section use CSS relative positioning; results appear in the section where they are invoked. Therefore, unlike with the Absolute positioning tests above, tests below may be viewed simultaneously with each other (and simultaneously with one absolute test above).

Test R1: default case: abs=no (no other args)
Test R1a – plain test:


 * Expect: right-floated box top-right of Lorem boilerplate in this section, with ToC and 'bottom' links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et magna a quam ornare pharetra. Quisque eget velit suscipit, sagittis augue tempus, venenatis mauris. Integer nisl risus, finibus at sollicitudin sed, bibendum vitae ante. Sed mattis odio ac pulvinar condimentum. Phasellus tempor nisl arcu, volutpat luctus orci tristique sit amet. Quisque neque est, accumsan fringilla libero eu, convallis fringilla nisi. Donec pretium imperdiet nibh et finibus. Suspendisse potenti. Fusce tristique augue tellus, sit amet aliquet augue ullamcorper non. Mauris vulputate sem eget mauris tristique, vel sagittis libero ultrices. Integer imperdiet ultricies euismod. Pellentesque volutpat sagittis commodo. Cras sit amet mi egestas, dignissim nibh ut, tempor nibh.

Test R1b – with H2 header in text:


 * Expect: right-floated box above Lorem boilerplate in this section, with ToC and 'bottom' links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et magna a quam ornare pharetra. Quisque eget velit suscipit, sagittis augue tempus, venenatis mauris. Integer nisl risus, finibus at sollicitudin sed, bibendum vitae ante. Sed mattis odio ac pulvinar condimentum. Phasellus tempor nisl arcu, volutpat luctus orci tristique sit amet. Quisque neque est, accumsan fringilla libero eu, convallis fringilla nisi. Donec pretium imperdiet nibh et finibus. Suspendisse potenti. Fusce tristique augue tellus, sit amet aliquet augue ullamcorper non. Mauris vulputate sem eget mauris tristique, vel sagittis libero ultrices. Integer imperdiet ultricies euismod. Pellentesque volutpat sagittis commodo. Cras sit amet mi egestas, dignissim nibh ut, tempor nibh.

Test R1c – with Talk page header:


 * Expect: right-floated box above Talk header banner in this section, with ToC and 'bottom' links

Test R1d – plain test with alt param name 'absolute':


 * Expect: same as R1a

Integer diam ex, commodo non posuere non, volutpat quis est. Aliquam quam nisl, dictum malesuada rutrum at, tincidunt ultricies nibh. Phasellus volutpat libero ut diam aliquet viverra. Aenean id tellus magna. Proin imperdiet eget diam ut efficitur. Duis quis nisl eget purus tincidunt scelerisque. Maecenas laoreet neque non lobortis pretium. Aenean laoreet et magna a semper. In aliquet blandit aliquam. Quisque rutrum id mauris id feugiat. Quisque eleifend ut eros quis porta. Donec aliquet ornare dui. Sed dictum rhoncus nisi eu feugiat. Phasellus ornare molestie augue, porta placerat massa tempor non. Quisque est tellus, lobortis at diam bibendum, facilisis ornare mauris. Proin quis sodales purus.

Test R2: abs=no notoc=yes

 * Expect: right-floated box above Lorem boilerplate in this section, bottom link, no ToC link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et magna a quam ornare pharetra. Quisque eget velit suscipit, sagittis augue tempus, venenatis mauris. Integer nisl risus, finibus at sollicitudin sed, bibendum vitae ante. Sed mattis odio ac pulvinar condimentum. Phasellus tempor nisl arcu, volutpat luctus orci tristique sit amet. Quisque neque est, accumsan fringilla libero eu, convallis fringilla nisi. Donec pretium imperdiet nibh et finibus. Suspendisse potenti. Fusce tristique augue tellus, sit amet aliquet augue ullamcorper non. Mauris vulputate sem eget mauris tristique, vel sagittis libero ultrices. Integer imperdiet ultricies euismod. Pellentesque volutpat sagittis commodo. Cras sit amet mi egestas, dignissim nibh ut, tempor nibh.

Test R3: abs=no force=yes

 * Note: force has no effect when used with no.
 * Expect: same as test R1.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et magna a quam ornare pharetra. Quisque eget velit suscipit, sagittis augue tempus, venenatis mauris. Integer nisl risus, finibus at sollicitudin sed, bibendum vitae ante. Sed mattis odio ac pulvinar condimentum. Phasellus tempor nisl arcu, volutpat luctus orci tristique sit amet. Quisque neque est, accumsan fringilla libero eu, convallis fringilla nisi. Donec pretium imperdiet nibh et finibus. Suspendisse potenti. Fusce tristique augue tellus, sit amet aliquet augue ullamcorper non. Mauris vulputate sem eget mauris tristique, vel sagittis libero ultrices. Integer imperdiet ultricies euismod. Pellentesque volutpat sagittis commodo. Cras sit amet mi egestas, dignissim nibh ut, tempor nibh.

Test R4: abs=no notoc=yes force=yes (with header)

 * Note: force has no effect when used with no.
 * Expect: same as test R2.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et magna a quam ornare pharetra. Quisque eget velit suscipit, sagittis augue tempus, venenatis mauris. Integer nisl risus, finibus at sollicitudin sed, bibendum vitae ante. Sed mattis odio ac pulvinar condimentum. Phasellus tempor nisl arcu, volutpat luctus orci tristique sit amet. Quisque neque est, accumsan fringilla libero eu, convallis fringilla nisi. Donec pretium imperdiet nibh et finibus. Suspendisse potenti. Fusce tristique augue tellus, sit amet aliquet augue ullamcorper non. Mauris vulputate sem eget mauris tristique, vel sagittis libero ultrices. Integer imperdiet ultricies euismod. Pellentesque volutpat sagittis commodo. Cras sit amet mi egestas, dignissim nibh ut, tempor nibh.