W79a Auto-Table Single Testing

Image Manipulation

Image with alt text

Testing data:

(provide link for such an article or create)

Outcome:

Image must be not broken, alt text must be there

Image with alt textTesting data

- Click to enlarge

Image with caption and alt text

Testing data:(provide link for such an article or create)Outcome:Image must be not broken, alt text and caption must be there. The caption must be not broken.

Currently caption is completely removed

Beauty Image at start

Test Case Definition

• A post starts with an image, we call this a beauty image, it can be the same as featured image

What does start mean?

Start is after 200 symbols because any post starts with HTML formatting stuff.

Expected Function

• Does not create a tiny table
• But creates image snippet

Functionality to do this

Beauty Image at Start

- Click to enlarge

Text with Image

Long text without single image

Testing data:

Testing Link

(provide link for such an article or create)

Outcome:

No tinytable must be used here

Long Text Without Single Image

- Click to enlarge

Long text with 1 image

1) image in the begining

2) image in the middle

3) image in the bottom

Testing data:

Test Link

(provide link for such an article or create)

One row with tinytable in the middle of the post, first and last part without tinytable

Long Text with 1 Image in the Middle of the Post

- Click to enlarge

Long Text with 1 Image at the End of the Post

- Click to enlarge

Heading Test Cases

Heading h1,h2,h3 testing case

Testing data:

Create a text with 3 heading (h1,h2,h3) and 3 sentences each.

Tinytable must be with 3 rows. The script must search for h1,h2 or h3. and create a row.

TinyTable Heading Rows Test

- Click to enlarge

Paragraph with bold

Testing data:Create a big paragraph with bold sentences in it.Outcome:It must not make new rows. Bold is not consider as a new row.Post test

Paragraph with Bold Sentence Test

- Click to enlarge

Front-end test for bold sentence in paragraph.

Paragraph with Bold Sentence is not Broken

- Click to enlarge

Max chars, rows and images

Max chars per row

Testing cases:

1. Set max chars to 100 -> table must have a lot of small rows
2. Set to 900 -> the table must look good as a normal tinytable

Set Max Chars per Row

- Click to enlarge

Set max chars to 100

Max Chars Set to 100

- Click to enlarge

Max Chars Set to 900

- Click to enlarge

Max chars per row (Post GUI)

Testing cases:

1. Set max chars to 100 -> table must have a lot of small rows
2. Set to 900 -> the table must look good as a normal tinytable

Set Max Chars per Row Post GUI

- Click to enlarge

Set max chars to 100

Max Chars Set to 100

- Click to enlarge

Max Chars Set to 900

- Click to enlarge

Tinytable row width

Testing cases:

1. Set row to 600 in first column, and 601 in the second -> see in code if it is visible
2. Set first column  to 800 and second column to 400  -> see in code if it is visible

Set Columns Width Global GUI

- Click to enlarge

Set row to 600 in first column, and 601 in the second

Set Column Width 600 and 601 Test

- Click to enlarge

Set Column Width 800 and 400 Test

- Click to enlarge

Tinytable row width (Post GUI)

Testing cases:

1. Set row to 600 in first column, and 601 in the second -> see in code if it is visible
2. Set first column  to 800 and second column to 400  -> see in code if it is visible

Set Columns Width Post GUI

- Click to enlarge

Set row to 600 in first column, and 601 in the second

Set Column Width 600 and 601 Test

- Click to enlarge

Set Column Width 800 and 400 Test

- Click to enlarge

Max width of image

Testing cases:Set max width of image in Global GUI –> the image have to take the given size

Max Width of Image Global GUI

- Click to enlarge

Set max with of image 300

Max width of image (Post GUI)

Testing cases:Set max width of image in Post GUI –> the image have to take the given size

Max Width of Image Post GUI

- Click to enlarge

Set max with of image 300