text-edit-201-t

This test checks basic text-editing capabilities.

Start editing by activating the textArea that has a green dashed outline. This textArea has no child text content, but has a defined width and height. Input the string "123 456" (one two three, space, space, four five six). After input is complete, click the button labeled "Check #1". If the frame around the textArea goes from being dashed to being solid then that part of the test has passed. Another condition is that the text string "123 456" should look like it only has one space and not two due to the whitespace handling rules.

Next activate the middle textArea that has a red dashed outline. Input two spaces between 3 and 4. Now since this textArea has xml:space="preserve" those two spaces should be rendered as two spaces, meaning it must look different from the first textArea on the left. The textContent must be the same in both cases though, and this is verified by clicking the button labeled "Check #2". If the test is successful the frame will turn from dashed red to solid red.

Finally activate the rightmost textArea that has a blue dashed outline. Then exit the editing mode without changing the text. The text must not change and the 'tbreak' element must be kept in the position it's in. Now activate the textArea again and input an additional linebreak between 3 and 4. The line "345" must now be on the third line, the second line being blank. Click the button labeled "Check #3" to verify the result, the frame will turn from dashed blue to solid blue if successful.

The test has passed if after inputting text according to the instructions above and clicking the three buttons the rendered image matches the reference image exactly.