This page displays the Site Page available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice.
As part of our quality control processes, we regularly perform visual regression testing (VRT). A visual regression test checks what the site visitor will see after any code changes have been executed, by comparing screenshots taken before and after the code changes.
The pages in this section are meant to display all (or most) of the combinations possible. Because they display all combinations, some of them represent undesirable uses—these pages shouldn't be seen as examples of what to do. They are useful to platform users to see what is possible, what works well, and what is possible but doesn't work well. Example of internal link in a text paragraph. Example of external link in a text paragraph.
id=#iS Inline small image, align center. In eu leo tempus, condimentum dolor non, tincidunt nunc.
id=#iM Inline medium image, align center. In eu leo tempus, condimentum dolor non, tincidunt nunc.
id=#iL Inline large image, align center. If a centered image is not a minimum of 770 and inline large/extra large is selected, the caption will not align.
id=#iE Inline extra large image, align center. Upload an image large enough use this selection. 1540 x 1028.
id=#ulol Here are some lists:
Bulleted List with Two Levels
- Bullet 1
- Bullet 2
- Bullet 2a
- Bullet 2b
- Bullet 3
Ordered List with Two Levels
With a line of text after the heading, to check space above headings.
- Bullet 1
- Bullet 2
- Bullet 2a
- Bullet 2b
- Bullet 3
A regular text paragraph. Callout below. id=#co
Callout Title
id=#call This Callout uses the Light background color. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie luctus dolor, a pellentesque ex.
id=#cqv CTA above, Quick Links and Video below
Quicklinks Title
All defaults used.
Start at 0:21
id=#mbed Embeds below
Heading Title for Webform Embed
Heading Title for Map
Tables in a text paragraph (H2)
Header row (H3)
Column One Header | Column Two Header |
---|---|
id=#t1 | Beta |
Gamma | Delta |
Header column
Row 1 Header | id=#t2 | Zeta |
---|---|---|
Row 2 Header | Eta | Theta |
Header in both
Row 1 Header | Column Header | Column Header |
---|---|---|
Row 2 Header | id=#t3 | Kappa |
Row 3 Header | Lambda | Mu |
No header
id=#t4 | Xi |
Om | Pi |
Regular width table
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
---|---|---|---|---|---|---|---|---|---|---|---|---|
id=#t5 | blue | yellow | green | orange | purple | puce | beige | ivory | grey | turquoise | paisley | magenta |
cat | fish | dog | horse | bird | elephant | penguin | squirrel | zebra | ocelot | cow | otter | eel |
id=#aC
This page was last modified on 11/05/2024