Difference between revisions of "SVG2 Text Tests"
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
- Check that SVG 2 Text is enabled in Preferences (Tools->Text).
- Select text tool.
- Drag to create a reasonable size rectangle (100px x 100px).
- Type a series of short words until text overflows. Include one or two returns. (Outline turns red.)
- Save.
- Revert (reload). Text should remain the same (including line returns).
- Drag handle at lower right to make rectangle bigger and all text shows. (Outline turns blue.)
- Make some edits.
- Save.
- 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
- 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
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.