Automated Tests: Article Detail Page - Main Content Area - Layout & Structure Blocks 5
Article Content Body not tested on this page.
Article Content Body not tested on this page.
An overview of the 50/50 Panel Block scenarios below are covered in the following wiki.
infocta01-2col-primbutton Description field is filled out.
Content is Top Align.
2-col
infocta02-1col-secbutton Description field is filled out.
Content is Bottom Align.
1-col
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.
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.
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 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.
infocta02-1col-secbutton Description field is filled out.
Content is Bottom Align.
1-col
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.
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:
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:
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.
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.
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.
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:
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.
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.
This is a rich text block.
Rich text blocks are awesome and can contain images.
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.
This is a rich text block.
Rich text blocks are awesome and can contain images.
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.
This is a rich text block.
Rich text blocks are awesome and can contain images.
Rich text blocks can contain TDS icons:
Above are some varying types of icons.
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.
This is a rich text block.
Rich text blocks are awesome and can contain images.
Rich text blocks can contain TDS icons:
Above are some varying types of icons.
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.