Difference between revisions of "SVG2 Text Tests"

From Inkscape Wiki
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 11: Line 11:
====Basic Rectangle====
====Basic Rectangle====


# Check that SVG 2 is enabled in Preferences (Tools->Text).
# Check that SVG 2 Text is enabled in Preferences (Tools->Text).
# Select text tool.
# Select text tool.
# Drag to create a reasonable size rectangle (100px x 100px).
# Drag to create a reasonable size rectangle (100px x 100px).
Line 25: Line 25:


Repeat for center alignment.
Repeat for center alignment.
====Random Shape====
# Check that SVG 2 text is enabled in Preferences (Tools->Text).
# Select text tool.
# Create a shape (e.g. circle) of reasonable size.
# Create some text.
# Select both shape and text and use Text->Flow into Frame.
# Save.
# Revert (reload). Text should remain the same.
# Make some edits.
# Save
# Revert.


===SVG 1.1 Fallback===
===SVG 1.1 Fallback===
Ensure that SVG 1.1 Fallback is enabled in Preferences (Input/Output -> SVG export).
Repeat previous tests.
Check rendering in browser (Firefox, Chrome, etc.).


==Inline Size==
==Inline Size==


===Rendering===
===Rendering===
The following tests should pass:


===Editing===
===Editing===
#


===SVG 1.1 Fallback===
===SVG 1.1 Fallback===


==white-space property==
==white-space property==
This is using the CSS property 'white-space:pre-lines' to handle line breaks. Text does not flow.


===Rendering===
===Rendering===
Should work.
Should work.


===Editing===
===Editing===
Not implemented. Can replace sodipodi:role="line".
Not implemented. Can replace sodipodi:role="line".


===SVG 1.1 Fallback===
===SVG 1.1 Fallback===
Not implemented. Not clear how to do.
 
Not implemented. Not clear how to do it. Note: Firefox already supports this way of rendering multi-line text.

Latest revision as of 08:37, 2 April 2020

Test Plan for SVG 2 Text

In Shapes

Rendering

The following test should pass:

Editing

Basic Rectangle

  1. Check that SVG 2 Text is enabled in Preferences (Tools->Text).
  2. Select text tool.
  3. Drag to create a reasonable size rectangle (100px x 100px).
  4. Type a series of short words until text overflows. Include one or two returns. (Outline turns red.)
  5. Save.
  6. Revert (reload). Text should remain the same (including line returns).
  7. Drag handle at lower right to make rectangle bigger and all text shows. (Outline turns blue.)
  8. Make some edits.
  9. Save.
  10. Revert.

Cursor should always be properly replaced for displayed text. (It will be below the rectangle for hidden text.)

Repeat for center alignment.

Random Shape

  1. Check that SVG 2 text is enabled in Preferences (Tools->Text).
  2. Select text tool.
  3. Create a shape (e.g. circle) of reasonable size.
  4. Create some text.
  5. Select both shape and text and use Text->Flow into Frame.
  6. Save.
  7. Revert (reload). Text should remain the same.
  8. Make some edits.
  9. Save
  10. Revert.

SVG 1.1 Fallback

Ensure that SVG 1.1 Fallback is enabled in Preferences (Input/Output -> SVG export).

Repeat previous tests.

Check rendering in browser (Firefox, Chrome, etc.).

Inline Size

Rendering

The following tests should pass:

Editing

SVG 1.1 Fallback

white-space property

This is using the CSS property 'white-space:pre-lines' to handle line breaks. Text does not flow.

Rendering

Should work.

Editing

Not implemented. Can replace sodipodi:role="line".

SVG 1.1 Fallback

Not implemented. Not clear how to do it. Note: Firefox already supports this way of rendering multi-line text.