Tests/Paint: Difference between revisions

From OLPC
Jump to navigation Jump to search
(fix cat)
 
(18 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Category: Test Plans]]
[[Category: Test Plans]]

Notes below each section are just my observations and/or suggestions that I had as I was working with a particular function in Paint. Things marked with asterisks are where either A) I was not sure whether this was a bug or an intended feature, but the effect produced was unconventional or awkward regardless or B) Where it might not matter whether these conditions are actually met (such as default settings). All the justification is self for now because the entry on the Wiki for Paint seems pretty outdated...in fact, it's referencing a Draw program that bears very little resemblance to the Paint in terms of features.
NOTE: Paint has been replaced by [[Drawing Activity|Oficina]] in the latest builds. I will try to make a test plan for Oficina asap.

This test plan is meant to simulate a user drawing a turtle, then using other functions like copy/paste and fill to flesh out his or her drawing.


==Start the Paint activity==
==Start the Paint activity==
Line 13: Line 16:
* That the Paint program opens properly and displays the main canvas and toolbars.
* That the Paint program opens properly and displays the main canvas and toolbars.


==Start drawing==
==Select a brush and draw something==
Justification: Self
Justification: Self


Actions:
Actions:
# Click on the large circular brush icon in the left margin.
# Click on the large circular brush icon in the left margin.
# Draw any shape you want on the screen in the upper-left corner of the screen.
# Click on the dark green color in the left taskbar and draw a large circle.
# Switch to some of the other brushes and draw with them in the same area.
# Click on the light green color and make four smaller circles around the large circle as limbs.
Verify:
Verify:
* That your shape appears on the screen properly.
* That your shapes appear on the screen properly.
* That the currently selected brush icon becomes highlighted with a white circle.
* That the currently selected brush icon becomes highlighted with a white circle, and that the color indicator on the left updates to indicate your color.
* That an outline of the shape of your brush appears under your cursor. ***
* That an outline of the shape of your brush appears under your cursor. ***


Notes: When using a circular brush, the outline of a square, rather than a circle, appears under the user's cursor. It's not clear whether this is intentional - normally, you'd expect a circular outline outline that matches the actual shape of the brush. This applies to all non-square brushes.
Notes: When using a circular brush, the outline of a square, rather than a circle, appears under the user's cursor. It's not clear whether this is intentional - normally, you'd expect a circular outline outline that matches the actual shape of the brush. This applies to all non-square brushes.

==Change to one of the 20 preset colors==
Justification: Self

Actions:
# Click on one of the 20 preset color circles in the lefthand margin.
# Draw any shape you want in the upper right-hand corner of the screen.
Verify:
* That the rounded rectangle above the 20 color circles changes to the color you just chose.
* That the shape you drew is in the color you just chose.


==Use the color editor==
==Use the color editor==
Line 42: Line 35:
Actions:
Actions:
# Open the color editor by clicking the rounded rectangle above the color circles.
# Open the color editor by clicking the rounded rectangle above the color circles.
# Click a point inside the color triangle to change the color. Try clicking a point on the surrounding color wheel as well.
# Click the yellow portion of the surrounding wheel, then click a point inside the color triangle to select yellow gray.
# Close the color editor by clicking the "OK" button.
# Close the color editor by clicking the "OK" button.
# Draw something on the canvas in the lower left corner of the screen.
# Draw some lines on the turtle's back to indicate plates.
Verify:
Verify:
* That the window opens properly.
* That the window opens properly, and that the color values in the color triangle match the values of the currently selected color.
* That the color values in the color triangle match the values of the currently selected color.
* That the color values in the rectangle at the lower left match the values of the currently selected color.
* That the color values in the rectangle at the lower left match the values of the currently selected color.
* That the color triangle can be clicked normally and alters the color accordingly.
* That the color triangle can be clicked normally and alters the color accordingly.
* That the color of the shape you draw matches the color you selected with the color editor.
* That the color of the lines you drew matches the color you selected with the color editor.


Notes: Minor point, but color is spelled "colour" in the color editor.
Notes: Minor point, but color is spelled "colour" in the color editor.
Line 59: Line 51:
Actions:
Actions:
# Open the color editor and click the eyedropper tool, below the color wheel and next to the two rectangles.
# Open the color editor and click the eyedropper tool, below the color wheel and next to the two rectangles.
# Click the shape you drew in the upper right corner.
# Click one of the turtle's limbs to select light green.
# Close the color editor by clicking the "OK" button.
# Close the color editor by clicking the "OK" button and draw a head on the turtle with the large circular brush.
# Draw something on the canvas.
Verify:
Verify:
* That the eyedropper icon becomes highlighted with a white circle.
* That the normal cursor properly changes to the eyedropper cursor.
* That the normal cursor properly changes to the eyedropper cursor.
* That the color properly changes to the color that you just clicked, and that the color of what you drew matches the color you selected with the eyedropper.
* That the color properly changes to the color that you just clicked, and that the color of what you drew matches the color you selected with the eyedropper.


==Copy/paste a selection==
==Use Paste Text==
Justification: Self
Justification: Self


Actions:
Actions:
# Click on the Paste Text icon on the top bar.
# Click the "Make Selection" button on the upper toolbar.
# Click and drag around the turtle
# Switch your font, size and style, then click in the bar labeled "Preview" and type whatever you want.
# Click the Paste button.
# Click the "Copy" button on the upper toolbar.
# Click the "Paste" button on the upper toolbar.
# Click your new turtle and drag it to the left of the original turtle.
# Press Enter. ***
# Press Enter. ***

Verify:
Verify:
* That the "Make Selection" button becomes highlighted grey when you mouse over it and white when you click it.
* That the Paste Text window opens properly.
* That the fonts, sizes and styles are selectable and the scrollbars are working properly.
* That the cursor changes to a 2-way arrow while dealing with a red-bordered selection.
* That the preview adjusts itself according to your changes.
* That a red-bordered, dotted line box appears according to where you pointed and dragged.
* That the pasted text appears on the screen with the same text, font, size and style as you selected, in the currently selected color, and with a blue selection box around it.
* That the cursor changes to a crosshair while resizing a selection or dealing with a blue-bordered selection.
* That the pasted text stays on the screen when you move on to do something else.
* That the pasted selection appears properly with a blue selection box around it, and is movable.
* That the pasted selection sticks when you press Enter.

Notes: Unless you press enter after pasting, the text will disappear as soon as you try to do anything else. Obviously, you can work around this by just pressing enter, but it's very unintuitive and should probably be changed. This applies to all Paste functions in Paint, not just text.


==Use the Flood Fill function==
==Use the Flood Fill function==
Line 88: Line 82:
Actions:
Actions:
# Click the "Flood Fill" button on the upper toolbar.
# Click the "Flood Fill" button on the upper toolbar.
# Choose a color.
# Choose light blue as your color.
# Click the white background to fill the background with blue, indicating water.
# Click inside an enclosed area that was created by your text (inside an O, for example).
Verify:
Verify:
* That the appropriate area of the canvas is filled with the correct color.
* That the appropriate area of the canvas is filled with the correct color.
* That none of the bordering, different-colored shapes are affected or corrupted by the fill.
* That none of the bordering, different-colored shapes are affected or corrupted by the fill.


==Copy/paste the text you just made==
==Add a caption using Paste Text==
Justification: Self
Justification: Self


Actions:
Actions:
# Click the "Make Selection" button on the upper toolbar.
# Click on the Paste Text icon on the top bar.
# Choose a different font, style and size.
# Click and drag around the text you made.
# Click the "Copy" button on the upper toolbar, then click the "Paste" button on the upper toolbar.
# Click in the bar labeled "Preview" and type "Two Turtles."
# Click the Paste button, then press Enter. ***
# Click your pasted selection and drag it directly above the original selection.
# Press Enter. ***

Verify:
Verify:
* That the Paste Text window opens properly.
* That the cursor changes to a 2-way arrow while dealing with a red-bordered selection.
* That the fonts, sizes and styles are selectable and the scrollbars are working properly.
* That a red-bordered, dotted line box appears according to where you pointed and dragged.
* That the preview adjusts itself according to your changes.
* That the cursor changes to a crosshair while resizing a selection or dealing with a blue-bordered selection.
* That the pasted text appears on the screen with the same text, font, size and style as you selected, in the currently selected color, and with a blue selection box around it.
* That selection boxes are resized according to how you drag them.
* That the pasted selection appears properly with a blue selection box around it, and is movable.
* That the pasted text stays on the screen when you move on to do something else.
* That the pasted selection sticks when you press Enter.


Notes: Unless you press enter after pasting, the text will disappear as soon as you try to do anything else. Obviously, you can work around this by just pressing enter, but it's very unintuitive and should probably be changed. This applies to all Paste functions in Paint, not just text.
==Cut/paste something you drew==


==Use cut/paste to move a selection==
Justification: Self
Justification: Self


Actions:
Actions:
# Deselect the previous selection
# Deselect the previous selection
# Using Make Selection, create another selection box around what you drew in the upper left corner.
# Using Make Selection, create another selection box around the right turtle.
# Click the "Cut" button on the upper toolbar, then click "Paste."
# Click the "Cut" button on the upper toolbar, then click "Paste."
# Click your pasted section and drag it to the bottom center of the screen.
# Click your pasted section and drag it to a different location, then press Enter.


Justification:
Verify:
* That the pasted section remains even after you begin to do something else.
* That the pasted section remains even after you begin to do something else.
* That the selection that was cut disappears. ***
* That the selection that was cut disappears. ***
* That the cut-pasted selection behaves properly as the copy-pasted selection did.
* That the cut-pasted selection behaves properly as the copy-pasted selection did.


Notes: In most drawing/painting programs, cutting a selection simply removes it - i.e., paints it white. In Paint, rather than making the selection white, it makes it whatever the currently selected color is. I don't know if this is intentional, but it seems odd.
Notes: Only blue-bordered selections (pasted, rather than manually selected) seem to be able to be dragged. Red-bordered selections (which is what manual selections default to) are resized instead. It's not quite clear how to get a manual selection from red mode to blue mode aside from copy-pasting it, which seems like an unnecessary hassle and very unconventional. It might be better to use a more standard selection model where clicking inside the body of the selection moves it, and clicking the corners resizes it, rather than having two different selection "modes."

Also, blue selections CANNOT be deselected unless the user switches to a different mode (like Flood Fill or Paint). It would be much more convenient to let the user deselect his selection (or start a new one) simply by clicking outside the body of the selection.

In most drawing/painting programs, cutting a selection simply removes it - i.e., paints it white. In Paint, rather than making the selection white, it makes it whatever the currently selected color is. I don't know if this is intentional, but it seems odd.



==Adjust the picture's color using Transform Color==
==Adjust the picture's color using Transform Color==
Line 144: Line 131:
# Make some changes, then click Cancel.
# Make some changes, then click Cancel.
Verify:
Verify:
* That the "Transform Color" button becomes highlighted grey when you mouse over it and white when you click on it.
* That the value for the slider you chose adjusts as you move the slider, as does the color in the image and the graphic of the slider itself.
* That the value for the slider you chose adjusts as you move the slider, as does the color in the image and the graphic of the slider itself.
* That the color changes are applied once you click the "OK" button.
* That the color changes are applied once you click the "OK" button.
Line 149: Line 137:


Notes: On some tests, Posterize appears to do nothing.
Notes: On some tests, Posterize appears to do nothing.



==View a thumbnail of the image using Pan Window==
==View a thumbnail of the image using Pan Window==
Line 159: Line 146:


Verify:
Verify:
* That the "Pan Window" button becomes highlighted grey when you mouse over it.
* That the "Pan Window" button becomes highlighted white when you click it.
* That a thumbnail of your picture appears properly in the upper right hand corner of the screen.
* That a thumbnail of your picture appears properly in the upper right hand corner of the screen.
* That the window closes properly when the "Close" button is clicked.
* That the window closes properly when the "Close" button is clicked.


==Collboration==
Placeholder. Not yet functional.



==Resume your activity using Journal==
==Resume your activity using Journal==
Line 179: Line 163:
* That an entry exists in Journal for your activity sessions, and properly displays a preview of your work.
* That an entry exists in Journal for your activity sessions, and properly displays a preview of your work.
* That clicking "Resume" opens the Paint activity and properly loads your work.
* That clicking "Resume" opens the Paint activity and properly loads your work.

Placeholder. Not yet functional.

Final Notes: Paint still has not had a close button added anywhere in the taskbar. This means that, in newer builds of Sugar, the only way to close Paint is to use alt-C. This should be fixed.



==Undo and Redo==
==Undo and Redo==
Line 195: Line 174:
* That every individual operation is undone properly, and that you are left with a white screen once you are done undoing.
* That every individual operation is undone properly, and that you are left with a white screen once you are done undoing.
* That every individual operation is redone properly, and your picture is restored to exactly what it was like after you used Transform Color.
* That every individual operation is redone properly, and your picture is restored to exactly what it was like after you used Transform Color.

==Collaboration==
Justification: [[HIG]]

Actions:
# Click the Share button in the upper right hand corner.
# Have another member of the local mesh join your activity.
# Switch back to the Paint activity, then wait and see if the user you invited can make edits to it.

Verify:
* That the user is able to join your Paint activity.
* That the user is able to collaborate on the Paint project with you.
* That the user's icon is added to the right side of the frame
* That a Paint activity icon appears in the Neighborhood view, with your icon and the other user's icon by it.
Placeholder. Not yet functional.

Latest revision as of 05:35, 22 March 2008


NOTE: Paint has been replaced by Oficina in the latest builds. I will try to make a test plan for Oficina asap.

This test plan is meant to simulate a user drawing a turtle, then using other functions like copy/paste and fill to flesh out his or her drawing.

Start the Paint activity

Justification: HIG for startup process, Self for remaining

Actions:

  1. Open the taskbar by mousing into one of the corners of the screen.
  2. Click on the Paint icon.

Verify:

  • That a Paint icon is added to the activity donut.
  • That the icon pulses to show that it is opening.
  • That the Paint program opens properly and displays the main canvas and toolbars.

Start drawing

Justification: Self

Actions:

  1. Click on the large circular brush icon in the left margin.
  2. Click on the dark green color in the left taskbar and draw a large circle.
  3. Click on the light green color and make four smaller circles around the large circle as limbs.

Verify:

  • That your shapes appear on the screen properly.
  • That the currently selected brush icon becomes highlighted with a white circle, and that the color indicator on the left updates to indicate your color.
  • That an outline of the shape of your brush appears under your cursor. ***

Notes: When using a circular brush, the outline of a square, rather than a circle, appears under the user's cursor. It's not clear whether this is intentional - normally, you'd expect a circular outline outline that matches the actual shape of the brush. This applies to all non-square brushes.

Use the color editor

Justification: Self

Actions:

  1. Open the color editor by clicking the rounded rectangle above the color circles.
  2. Click the yellow portion of the surrounding wheel, then click a point inside the color triangle to select yellow gray.
  3. Close the color editor by clicking the "OK" button.
  4. Draw some lines on the turtle's back to indicate plates.

Verify:

  • That the window opens properly, and that the color values in the color triangle match the values of the currently selected color.
  • That the color values in the rectangle at the lower left match the values of the currently selected color.
  • That the color triangle can be clicked normally and alters the color accordingly.
  • That the color of the lines you drew matches the color you selected with the color editor.

Notes: Minor point, but color is spelled "colour" in the color editor.

Change a color using the eyedropper tool

Justification: Self

Actions:

  1. Open the color editor and click the eyedropper tool, below the color wheel and next to the two rectangles.
  2. Click one of the turtle's limbs to select light green.
  3. Close the color editor by clicking the "OK" button and draw a head on the turtle with the large circular brush.

Verify:

  • That the eyedropper icon becomes highlighted with a white circle.
  • That the normal cursor properly changes to the eyedropper cursor.
  • That the color properly changes to the color that you just clicked, and that the color of what you drew matches the color you selected with the eyedropper.

Copy/paste a selection

Justification: Self

Actions:

  1. Click the "Make Selection" button on the upper toolbar.
  2. Click and drag around the turtle
  3. Click the "Copy" button on the upper toolbar.
  4. Click the "Paste" button on the upper toolbar.
  5. Click your new turtle and drag it to the left of the original turtle.
  6. Press Enter. ***

Verify:

  • That the "Make Selection" button becomes highlighted grey when you mouse over it and white when you click it.
  • That the cursor changes to a 2-way arrow while dealing with a red-bordered selection.
  • That a red-bordered, dotted line box appears according to where you pointed and dragged.
  • That the cursor changes to a crosshair while resizing a selection or dealing with a blue-bordered selection.
  • That the pasted selection appears properly with a blue selection box around it, and is movable.
  • That the pasted selection sticks when you press Enter.

Use the Flood Fill function

Justification: Self

Actions:

  1. Click the "Flood Fill" button on the upper toolbar.
  2. Choose light blue as your color.
  3. Click the white background to fill the background with blue, indicating water.

Verify:

  • That the appropriate area of the canvas is filled with the correct color.
  • That none of the bordering, different-colored shapes are affected or corrupted by the fill.

Add a caption using Paste Text

Justification: Self

Actions:

  1. Click on the Paste Text icon on the top bar.
  2. Choose a different font, style and size.
  3. Click in the bar labeled "Preview" and type "Two Turtles."
  4. Click the Paste button, then press Enter. ***

Verify:

  • That the Paste Text window opens properly.
  • That the fonts, sizes and styles are selectable and the scrollbars are working properly.
  • That the preview adjusts itself according to your changes.
  • That the pasted text appears on the screen with the same text, font, size and style as you selected, in the currently selected color, and with a blue selection box around it.
  • That the pasted text stays on the screen when you move on to do something else.

Notes: Unless you press enter after pasting, the text will disappear as soon as you try to do anything else. Obviously, you can work around this by just pressing enter, but it's very unintuitive and should probably be changed. This applies to all Paste functions in Paint, not just text.

Use cut/paste to move a selection

Justification: Self

Actions:

  1. Deselect the previous selection
  2. Using Make Selection, create another selection box around the right turtle.
  3. Click the "Cut" button on the upper toolbar, then click "Paste."
  4. Click your pasted section and drag it to a different location, then press Enter.

Justification:

  • That the pasted section remains even after you begin to do something else.
  • That the selection that was cut disappears. ***
  • That the cut-pasted selection behaves properly as the copy-pasted selection did.

Notes: In most drawing/painting programs, cutting a selection simply removes it - i.e., paints it white. In Paint, rather than making the selection white, it makes it whatever the currently selected color is. I don't know if this is intentional, but it seems odd.

Adjust the picture's color using Transform Color

Justification: Self

Actions:

  1. Click on the "Transform Color" button in the upper taskbar.
  2. Adjust one of the values (Hue is the most obvious) by dragging its slider around.
  3. Click the "OK" button.
  4. Reopen the Transform Color window.
  5. Make some changes, then click Cancel.

Verify:

  • That the "Transform Color" button becomes highlighted grey when you mouse over it and white when you click on it.
  • That the value for the slider you chose adjusts as you move the slider, as does the color in the image and the graphic of the slider itself.
  • That the color changes are applied once you click the "OK" button.
  • That the color reverts to normal if you click the Cancel button.

Notes: On some tests, Posterize appears to do nothing.

View a thumbnail of the image using Pan Window

Justification: Self

Actions:

  1. Click on the "Pan Window" button in the upper taskbar.
  2. Click the "Close" button.

Verify:

  • That the "Pan Window" button becomes highlighted grey when you mouse over it.
  • That the "Pan Window" button becomes highlighted white when you click it.
  • That a thumbnail of your picture appears properly in the upper right hand corner of the screen.
  • That the window closes properly when the "Close" button is clicked.

Resume your activity using Journal

Justification: HIG, self

Actions:

  1. Close out of the Paint activity by clicking the X button in the upper right, or by pressing alt-C.
  2. Open Journal.
  3. Find the entry for your Paint activity session. Click on it.
  4. Click the Resume button.

Verify:

  • That Paint closes properly and its icon is removed from the activity donut.
  • That an entry exists in Journal for your activity sessions, and properly displays a preview of your work.
  • That clicking "Resume" opens the Paint activity and properly loads your work.

Undo and Redo

Justification: Self

Actions

  1. Click the Undo button until you have undone every action you performed.
  2. Click the Redo button until all your actions have been restored.

Verify:

  • That every individual operation is undone properly, and that you are left with a white screen once you are done undoing.
  • That every individual operation is redone properly, and your picture is restored to exactly what it was like after you used Transform Color.

Collaboration

Justification: HIG

Actions:

  1. Click the Share button in the upper right hand corner.
  2. Have another member of the local mesh join your activity.
  3. Switch back to the Paint activity, then wait and see if the user you invited can make edits to it.

Verify:

  • That the user is able to join your Paint activity.
  • That the user is able to collaborate on the Paint project with you.
  • That the user's icon is added to the right side of the frame
  • That a Paint activity icon appears in the Neighborhood view, with your icon and the other user's icon by it.

Placeholder. Not yet functional.