Tests/Paint

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.