Skip to main content

Automated Tests: Article Detail Page - Article Content Body - Layout & Structure Blocks 5

1 minute

50/50 Panel Block

An overview of the 50/50 Panel Block scenarios below are covered in the following wiki.

img01-ratio1by1

infocta01-2col-primbutton - Title Heading Text H2

infocta01-2col-primbutton - Header Heading Text H2

infocta01-2col-primbutton Description field is filled out.

Content is Top Align.

2-col

img02-ratio3by2

infocta02-1col-secbutton - Title Heading Text H3

infocta02-1col-secbutton - Header Heading Text H3

infocta02-1col-secbutton Description field is filled out.

Content is Bottom Align.

1-col

img03-ratio4by3

infocta03-2col-tertbutton-nocolheadings - Title Heading Text H4

infocta03-2col-tertbutton-nocolheadings - Header Heading Text H4

infocta03-2col-tertbutton-nocolheadings Description field is filled out.

Content is Center Align.

2-col, no column heading text.

img04-ratio16by9

infocta05-1col-notitle-nodesc-nobutton - Header Heading Text H3

scb01-illicon-h2-desc-intlink. This is a Description of the solid card block which as I keep typing I hope this will cause the text to wrap onto the next line as well as be adjusted based on responsive design for different viewports.

scb02-prodicon-h3-desc-extlink. This is a Description of the solid card block with an H3 heading, product icon, and an external link that opens in a new tab/window.

infocta04-2col-ghobutton-col1heading - Title Heading Text H5
infocta04-2col-ghobutton-col1heading - Header Heading Text H5

infocta04-2col-ghobutton-col1heading Description field is filled out.

Content is Top Align.

2-col, col heading text only on col 1

scb03-noicon-h4-desc-extlink. This is a Description of the solid card block with an H4 heading, no icon, and an external link that opens in same window.

scb04-illicon-h5-desc-phone. This is a Description of the solid card block with an H5 heading, illustrative icon, and a phone link.

scb05-prodicon-noheading-desc-email. This is a Description of the solid card block with an no heading, product icon, and an email link that is invisible (due to heading text missing) but will exist and can be hovered over/selected.

infocta02-1col-secbutton - Title Heading Text H3

infocta02-1col-secbutton - Header Heading Text H3

infocta02-1col-secbutton Description field is filled out.

Content is Bottom Align.

1-col

scb01-illicon-h2-desc-intlink. This is a Description of the solid card block which as I keep typing I hope this will cause the text to wrap onto the next line as well as be adjusted based on responsive design for different viewports.

infocta03-2col-tertbutton-nocolheadings - Title Heading Text H4

infocta03-2col-tertbutton-nocolheadings - Header Heading Text H4

infocta03-2col-tertbutton-nocolheadings Description field is filled out.

Content is Center Align.

2-col, no column heading text.

scb01-illicon-h2-desc-intlink. This is a Description of the solid card block which as I keep typing I hope this will cause the text to wrap onto the next line as well as be adjusted based on responsive design for different viewports.

scb02-prodicon-h3-desc-extlink. This is a Description of the solid card block with an H3 heading, product icon, and an external link that opens in a new tab/window.

scb04-illicon-h5-desc-phone. This is a Description of the solid card block with an H5 heading, illustrative icon, and a phone link.

scb05-prodicon-noheading-desc-email. This is a Description of the solid card block with an no heading, product icon, and an email link that is invisible (due to heading text missing) but will exist and can be hovered over/selected.

infocta02-1col-secbutton - Title Heading Text H3

infocta02-1col-secbutton - Header Heading Text H3

infocta02-1col-secbutton Description field is filled out.

Content is Bottom Align.

1-col

30/70 Panel Block

An overview of the 30/70 Panel Block scenarios below are covered in the following wiki.

This is a test for the thirty01-1bcb scenario. It has 1 borderless card block with an image. There is no background color for this block.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

bcb01-image-h3-desc-intlink - Description with really long description text. Let's keep going and going and going and going and going and going and going and going and going and going and going and going and going.

experimentation report

This is a test for the thirty02-2bcb scenario. It has 2 borderless card blocks, 1 with illustrative icon and 1 with product icon. The background color for this block is light blue.

Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it.

Here's a primary button in the rich text content area:

Click Me Please!  

bcb02-illicon-h2-desc-intlink - Description field

bcb03-prodicon-h3-desc-extlink - Description field

This is a test for the thirty03-3bcb scenario. It has 3 borderless card block, each with an image. There is no background color for this block.

Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it. Here is some random text to go along with it.

Here is an image in the rich text content area:

  headless-illustration-light.svg      

bcb01-image-h3-desc-intlink - Description with really long description text. Let's keep going and going and going and going and going and going and going and going and going and going and going and going and going.

experimentation report

bcb01-image-h3-desc-intlink - Description with really long description text. Let's keep going and going and going and going and going and going and going and going and going and going and going and going and going.

experimentation report

bcb01-image-h3-desc-intlink - Description with really long description text. Let's keep going and going and going and going and going and going and going and going and going and going and going and going and going.

experimentation report

This is a test for the thirty04-4bcb scenario. It has 4 borderless card block, 1 with image, 1 with illustrative icon, 1 with product icon, and 1 with no icon. The 30/70 block has a light blue background.

Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks. Here is random text that we like to include on these blocks.

Here is a secondary button:

Call Me  

bcb01-image-h3-desc-intlink - Description with really long description text. Let's keep going and going and going and going and going and going and going and going and going and going and going and going and going.

experimentation report

bcb02-illicon-h2-desc-intlink - Description field

bcb03-prodicon-h3-desc-extlink - Description field

bcb04-noicon-h4-desc-extlink - Description field

This is a test for the thirty05-1rtb scenario. It has 1 rich text block. There is no background color for this block.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Rich Text Block 1

This is a rich text block.  

Rich text blocks are awesome and can contain images.

GettyImages-1066840852.jpg  

This is a test for the thirty06-2rtb scenario. It has 2 rich text blocks. There is a light blue background color for this block.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Rich Text Block 1

This is a rich text block.  

Rich text blocks are awesome and can contain images.

GettyImages-1066840852.jpg  

Rich Text Block 2

Rich text blocks can contain TDS icons:

 

     

 

Above are some varying types of icons.

This is a test for the thirty07-3rtb scenario. It has 3 rich text blocks. There is no background color for this block.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Rich Text Block 1

This is a rich text block.  

Rich text blocks are awesome and can contain images.

GettyImages-1066840852.jpg  

Rich Text Block 2

Rich text blocks can contain TDS icons:

 

     

 

Above are some varying types of icons.

Rich Text Block 3

This rich text block just contains text including special characters such as ©®™元♠. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going.

This is a test for the thirty08-4rtb scenario. It has 4 rich text blocks. There is a light blue background color for this block.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123. Testing testing 123.

Rich Text Block 1

This is a rich text block.  

Rich text blocks are awesome and can contain images.

GettyImages-1066840852.jpg  

Rich Text Block 2

Rich text blocks can contain TDS icons:

 

     

 

Above are some varying types of icons.

Rich Text Block 3

This rich text block just contains text including special characters such as ©®™元♠. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going. We're going to just keep typing nonsense here to fill up space and then we'll just keep going and going and going.

Rich text block 4

We like to use buttons in rich text blocks too.

Give Us A Call Today!