Tests/Paint

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.

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.

Select a brush and draw something

Justification: Self

Actions:

1. Click on the large circular brush icon in the left margin.
2. Draw any shape you want on the screen in the upper-left corner of the screen.
3. Switch to some of the other brushes and draw with them in the same area.

Verify:

• That your shape appears on the screen properly.
• That the currently selected brush icon becomes highlighted with a white circle.
• 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.

Change to one of the 20 preset colors

Justification: Self

Actions:

1. Click on one of the 20 preset color circles in the lefthand margin.
2. 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

Justification: Self

Actions:

1. Open the color editor by clicking the rounded rectangle above the color circles.
2. Click a point inside the color triangle to change the color. Try clicking a point on the surrounding color wheel as well.
3. Close the color editor by clicking the "OK" button.
4. Draw something on the canvas in the lower left corner of the screen.

Verify:

• That the window opens properly.
• 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 shape you draw 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 the shape you drew in the upper right corner.
3. Close the color editor by clicking the "OK" button.
4. Draw something on the canvas.

Verify:

• 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.

Use Paste Text

Justification: Self

Actions:

1. Click on the Paste Text icon on the top bar.
2. Switch your font, size and style, then click in the bar labeled "Preview" and type whatever you want.
3. Click the Paste button.
4. 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 the Flood Fill function

Justification: Self

Actions:

1. Click the "Flood Fill" button on the upper toolbar.
2. Choose a color.
3. Click inside an enclosed area that was created by your text (inside an O, for example).

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.

Copy/paste the text you just made

Justification: Self

Actions:

1. Click the "Make Selection" button on the upper toolbar.
2. Click and drag around the text you made.
3. Click the "Copy" button on the upper toolbar.
4. Click the "Paste" button on the upper toolbar.
5. Click your pasted selection and drag it directly above the original selection.
6. Press Enter. ***

Verify:

• 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 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 selection sticks when you press Enter.

Cut/paste something you drew

Justification: Self

Actions:

1. Deselect the previous selection
2. Using Make Selection, create another selection box around what you drew in the upper left corner.
3. Click the "Cut" button on the upper toolbar, then click "Paste."
4. Click your pasted section and drag it to the bottom center of the screen.

Verify:

• 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: 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

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 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 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.

Collboration

Placeholder. Not yet functional.

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.

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

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.