Difference between revisions of "SVG2 Text Tests"
Jump to navigation
Jump to search
| (3 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
====Basic Rectangle==== | ====Basic Rectangle==== | ||
| − | # Check that SVG 2 is enabled in Preferences. | + | # 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
Contents
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.
