Template:Skip to bottom/testcases

Absolute positioning

NOTE: 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)

A1. (no args): ➡ ➡ Collapse this test before viewing other test results

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

{{../sandbox}}

Test A2: notoc=yes

A2. notoc=yes: Open only this test to view result

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

{{../sandbox|notoc=yes}}

Test A3: force=yes

A3. force=yes: Open only this test to view result

• 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.)

{{../sandbox|force=yes}}

Test A4:notoc=yes force=yes

A4. notoc=yes, force=yes: Open only this test to view result

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

{{../sandbox|notoc=yes|force=yes}}

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)

R1. abs=no (four subtests included)

Test R1a – plain test, with lorem boilerplate text

Test R1a – plain test:

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

{{../sandbox|abs=no}}

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 an H2 section header and lorem

Test R1b – with H2 header in text:

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

{{../sandbox|abs=no}}

R1b Some H2 header

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 a Talk page header

Test R1c – with Talk page header:

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

{{../sandbox|abs=no}}

Test R1d – plain test, with alt param 'absolute' and lorem

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

• Expect: same as R1a

{{../sandbox|absolute=no}}

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

R2. abs=no, notoc=yes

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

{{../sandbox|abs=no|notoc=yes}}

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

R3. abs=no, force=yes

• Note: |force= has no effect when used with |abs=no.
• Expect: same as test R1.

{{../sandbox|abs=no|force=yes}}

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)

R4. abs=no, notoc=yes, force=yes

• Note: |force= has no effect when used with |abs=no.
• Expect: same as test R2.

{{../sandbox|abs=no|notoc=yes|force=yes}}

R4 Some H2 header

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.