Tests/Etoys: Difference between revisions
(New page: Category: Test Plans ==Open the Etoys activity== Justification: HIG, http://wiki.laptop.org/images/e/e1/Running-olpc-etoys-small.jpg Actions: # Open Etoys by clicking on the Etoys...) |
No edit summary |
||
Line 1: | Line 1: | ||
[[Category: Test Plans]] |
[[Category: Test Plans]] |
||
Note: This test plan is currently incomplete. Obviously there's a lot of stuff you can do with Etoys, not all of which is immediately accessible. Right now all I have is the basic drwaing and object managing functions, but more will be added later. |
|||
==Open the Etoys activity== |
==Open the Etoys activity== |
||
Justification: [[HIG]], http://wiki.laptop.org/images/e/e1/Running-olpc-etoys-small.jpg |
Justification: [[HIG]], http://wiki.laptop.org/images/e/e1/Running-olpc-etoys-small.jpg |
||
Line 33: | Line 34: | ||
# Click the project "Random Racing" |
# Click the project "Random Racing" |
||
Verify: |
Verify: |
||
* That the "Gallery of Projects" button becomes highlighted as you mouse over it." |
|||
* That pressing the "Gallery of Projects" button loads a project choosing window properly, and that you are able to scroll between different projects. |
* That pressing the "Gallery of Projects" button loads a project choosing window properly, and that you are able to scroll between different projects. |
||
⚫ | |||
* That double clicking a project's name loads it. |
|||
⚫ | |||
==Start a new document== |
==Start a new document== |
||
Line 47: | Line 46: | ||
# Click the orange box that comes up in the upper lefthand corner. |
# Click the orange box that comes up in the upper lefthand corner. |
||
Verify: |
Verify: |
||
* That the first "make new project" button (flower-shaped) becomes highlighted as you mouse over it. |
|||
* That pressing the first "make new project" button clears the screen. |
* That pressing the first "make new project" button clears the screen. |
||
* That the button becomes highlighted as you mouse over and and when you click it. |
* That the button becomes highlighted as you mouse over and and when you click it. |
||
Line 60: | Line 58: | ||
# Click the "Make a Painting" button. |
# Click the "Make a Painting" button. |
||
# Draw a shape on the canvas. |
# Draw a shape on the canvas. |
||
# Switch to a different brush size by clicking the different shapes in the toolbar on the right |
# Switch to a different brush size by clicking the different shapes in the toolbar on the right. |
||
Verify: |
Verify: |
||
* That the "Make a Painting" button becomes highlighted as you mouse over it. |
|||
* That a tooltip saying "Make a Painting" appears beneath the button as you mouse over it. |
|||
* That a grey border appears around the canvas when you press Make New Painting, and that the toolbar appears properly on the right. |
* That a grey border appears around the canvas when you press Make New Painting, and that the toolbar appears properly on the right. |
||
* That your cursor changes to a paintbrush when over the canvas. |
* That your cursor changes to a paintbrush when over the canvas. |
||
Line 70: | Line 66: | ||
* That a select box appears around the different brush shapes as you choose them, and that the circle beneath your brush adjusts in size to indicate the current brush size. |
* That a select box appears around the different brush shapes as you choose them, and that the circle beneath your brush adjusts in size to indicate the current brush size. |
||
== |
==Choosing a different color== |
||
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self |
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self |
||
Line 76: | Line 72: | ||
# Pick a new color by mousing over the color chooser and clicking inside the color window that pops up. |
# Pick a new color by mousing over the color chooser and clicking inside the color window that pops up. |
||
# Draw something on the canvas. |
# Draw something on the canvas. |
||
# Click the red square (one of the 8 squares at the bottom of the toolbar). |
|||
# Draw something on the canvas. |
|||
# Use the eyedropper tool to eyedrop the color you chose first. |
|||
# Draw something on the canvas. |
|||
Verify: |
Verify: |
||
* That the color chooser window appears as you mouse over the color chooser. |
* That the color chooser window appears as you mouse over the color chooser. |
||
Line 86: | Line 79: | ||
* That the upper leftmost of the 8 squares at the bottom of the toolbar becomes your currently chosen color, shifting other previously chosen colors to the right. |
* That the upper leftmost of the 8 squares at the bottom of the toolbar becomes your currently chosen color, shifting other previously chosen colors to the right. |
||
* That the shape you draw is the color you just chose. |
* That the shape you draw is the color you just chose. |
||
* That clicking the red square properly adjusts the color to red, and that the shape you draw afterwards is red. |
|||
* That clicking the eyedropper icon highlights it properly and changes your cursor to an eyedropper. |
|||
* That using the eyedropper properly selects the color of the shape you clicked, and that you automatically revert back to draw mode after eyedropping. |
|||
==Using the Flood Fill== |
|||
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self |
|||
Actions: |
|||
# Draw a shape that is completely enclosed (like a circle). |
|||
# Click the paintbucket icon on the top right of the toolbar. |
|||
# Click inside the body of the shape you just drew. |
|||
Verify: |
|||
* That the fill icon becomes highlighted when you click it, and your cursor changes to a paintbucket. |
|||
* That clicking inside the shape fills only within the shape. |
|||
==Using the eraser== |
==Using the eraser== |
||
Line 109: | Line 88: | ||
# Click a different brush size and erase another portion of your drawing. |
# Click a different brush size and erase another portion of your drawing. |
||
Verify: |
Verify: |
||
* That the eraser button becomes highlighted when you click it, and that your cursor is changed to an eraser properly. |
|||
* That drawing with the eraser tool turns areas white. |
* That drawing with the eraser tool turns areas white. |
||
* That adjusting the brush size also adjusts the size of the eraser, and the size of the indicator that appears under your cursor. |
* That adjusting the brush size also adjusts the size of the eraser, and the size of the indicator that appears under your cursor. |
||
* That your current color is not modified when selecting the eraser. |
* That your current color is not modified when selecting the eraser. |
||
==Using Undo== |
|||
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self |
|||
Actions: |
|||
# Click the Undo button on the right toolbar. |
|||
# Click it again. |
|||
Verify: |
|||
# That the Undo button becomes highlighted as you click it. |
|||
# That the eraser mark you just made is undone after you click the first time. |
|||
# That the eraser mark you just made is redone when you click a second time. |
|||
Notes: A bug I encountered with undo: If you make multiple marks, then clear, then undo, the undo undoes not only the clear, but ALSO your most recent mark. |
|||
==Drawing shapes== |
==Drawing shapes== |
||
Line 134: | Line 100: | ||
# Pick one of the shapes that appears from the dropdown menu. |
# Pick one of the shapes that appears from the dropdown menu. |
||
# In the canvas, click and drag to form your shape. |
# In the canvas, click and drag to form your shape. |
||
# Try a few different types of shapes. |
|||
Verify: |
Verify: |
||
* That clicking the Shapes button properly brings up a dropdown menu of shapes. |
* That clicking the Shapes button properly brings up a dropdown menu of shapes. |
||
Line 146: | Line 111: | ||
Actions: |
Actions: |
||
# Click the Keep button. |
# Click the Keep button, then try moving the object you made around by clicking and dragging it. |
||
# Try moving the object you made around by clicking and dragging it. |
|||
# Click the Make a Painting button again, draw something, and click Keep again. Try to make it a different color from the old one. |
# Click the Make a Painting button again, draw something, and click Keep again. Try to make it a different color from the old one. |
||
# Move the new object over the old one by clicking and dragging it. Then, move the old object over the new one. |
# Move the new object over the old one by clicking and dragging it. Then, move the old object over the new one. |
||
Line 156: | Line 120: | ||
* That objects are movable and cast a small shadow when picked up. |
* That objects are movable and cast a small shadow when picked up. |
||
* That you can adjust which object is on top by clicking and dragging it. |
* That you can adjust which object is on top by clicking and dragging it. |
||
* That mousing over the Undo button highlights it and brings up a tooltip saying "Undo 'Move SketchMorph.'" |
|||
* That clicking the Undo button properly moves the old object back under the new one, and clicking it again reverses the order back to normal. |
* That clicking the Undo button properly moves the old object back under the new one, and clicking it again reverses the order back to normal. |
||
Line 174: | Line 137: | ||
* That choosing "Keep painting it" when you click the Toss button does nothing. |
* That choosing "Keep painting it" when you click the Toss button does nothing. |
||
* That choosing "Throw it away" when you click the Toss button removes anything on the canvas and closes the Toolbar. |
* That choosing "Throw it away" when you click the Toss button removes anything on the canvas and closes the Toolbar. |
||
==Alternating between projects== |
|||
Justification: Self |
|||
Actions: |
|||
# Click the "Start a New Project" button. |
|||
# Click the "Make a Painting" button. |
|||
# Draw something in the canvas. Press Keep. |
|||
# Click the "Previous Project" button. |
|||
# Then, click the thumbnail of the other project that appeared in the upper left corner. |
|||
Verify: |
|||
* That you are switched back to your other project properly when you press the "Previous Project" button. |
|||
* That a thumbnail of your first project appears in the upper left hand corner when you switch projects. |
|||
* That clicking the thumbnail returns you to your other project, and that the thumbnail disappears when you do it. |
|||
Notes: The thumbnail that appears when you use previous project blocks the "Start a New Project" button. |
|||
The Toolbox part is mostly a placeholder, as none of its buttons seem to be functional just yet. |
|||
==Using the Toolbox== |
|||
Justification: Self |
|||
Actions: |
|||
# Press the Toolbox button at the top right of the screen. |
|||
# Mouse over some of the tools that come up and read their tooltips. |
|||
Verify: |
|||
* That the Toolbox button is highlighted properly when you mouse over it and properly displays its tooltip. |
|||
* That the bar is displayed. |
|||
* That each button in the bar is highlighted and displays a tooltip when you mouse over it. |
|||
==Quitting Etoys== |
==Quitting Etoys== |
||
Line 209: | Line 142: | ||
Actions: |
Actions: |
||
# Press the X button on the top toolbar. |
# Press the X button on the top toolbar.. |
||
# Click " |
# Click "Yes" on the warning that comes up. |
||
# Press the X button again. Click "Yes" this time. |
|||
Verify: |
Verify: |
||
* That the X button is highlighted properly and displays its tooltip when you mouse over it. |
|||
* That a warning window comes up asking if you are sure you want to quit. |
* That a warning window comes up asking if you are sure you want to quit. |
||
* That pressing "No" does not exit the program. |
|||
* That pressing "Yes" exits the program. |
* That pressing "Yes" exits the program. |
||
* That the Etoys icon is removed from the activity donut. |
* That the Etoys icon is removed from the activity donut. |
||
Journal management is mostly a placeholder, as it doesn't appear to be functional yet. |
Journal management is mostly a placeholder, as it doesn't appear to be functional yet. |
||
==Journal Management== |
==Journal Management== |
||
Justification: [[HIG]], Self |
Justification: [[HIG]], Self |
Revision as of 21:06, 25 June 2007
Note: This test plan is currently incomplete. Obviously there's a lot of stuff you can do with Etoys, not all of which is immediately accessible. Right now all I have is the basic drwaing and object managing functions, but more will be added later.
Open the Etoys activity
Justification: HIG, http://wiki.laptop.org/images/e/e1/Running-olpc-etoys-small.jpg
Actions:
- Open Etoys by clicking on the Etoys activity on the taskbar.
Verify:
- That an Etoys icon is added to the activity donut.
- That the icon pulses to indicate the activity starting up.
- That the Etoys main menu screen and taskbar loads properly.
- That the red car on the screen is moving.
Viewing the Etoys Demo
Justification: Self
Actions:
- Click the button that says "Click Here for a Demo of Etoys"
- Watch the demo in its entirety.
- Click the Exit button when you are done watching.
Verify:
- That the button becomes highlighted when you mouse over it.
- That the demo is animated properly.
- That the sound works properly.
- That clicking the "Exit" button returns you to the main menu.
Notes: Clicking the "Exit" button did not return me to the main menu.
Load a sample project
Justification: Self
Actions:
- Click the button that says "Gallery of Projects"
- Click the project "Random Racing"
Verify:
- That pressing the "Gallery of Projects" button loads a project choosing window properly, and that you are able to scroll between different projects.
- That you can load Random Racing, and that a loading progress bar appears as Random Racing loads and properly indicates the status of the load.
Start a new document
Justification: http://wiki.laptop.org/go/Sugar_Etoys, Self
Actions:
- Return to the main menu.
- Click the "make new project" button in the lower right of the main screen.
- Click the "new project" button in the upper left corner.
- Click the orange box that comes up in the upper lefthand corner.
Verify:
- That pressing the first "make new project" button clears the screen.
- That the button becomes highlighted as you mouse over and and when you click it.
- That a tooltip appears under the button saying "Start a new project."
- That clicking it causes a small box to appear over the button with the tooltip "Click here to enter the project named "Unnamed1."
- That clicking the small box also clears the screen.
Paint in your document
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self
Actions:
- Click the "Make a Painting" button.
- Draw a shape on the canvas.
- Switch to a different brush size by clicking the different shapes in the toolbar on the right.
Verify:
- That a grey border appears around the canvas when you press Make New Painting, and that the toolbar appears properly on the right.
- That your cursor changes to a paintbrush when over the canvas.
- That the shape you drew appears properly, and with the correct brush settings.
- That no shape you drew exceeds the borders of the canvas.
- That a select box appears around the different brush shapes as you choose them, and that the circle beneath your brush adjusts in size to indicate the current brush size.
Choosing a different color
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self
Actions:
- Pick a new color by mousing over the color chooser and clicking inside the color window that pops up.
- Draw something on the canvas.
Verify:
- That the color chooser window appears as you mouse over the color chooser.
- That a circle appears within the window when you click indicating the currently chosen color.
- That the brush shape icons adjust their color to indicate your newly chosen color.
- That the upper leftmost of the 8 squares at the bottom of the toolbar becomes your currently chosen color, shifting other previously chosen colors to the right.
- That the shape you draw is the color you just chose.
Using the eraser
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg, Self
Actions:
- Click the eraser button at the top right of the toolbar.
- Erase a portion of your drawing.
- Click a different brush size and erase another portion of your drawing.
Verify:
- That drawing with the eraser tool turns areas white.
- That adjusting the brush size also adjusts the size of the eraser, and the size of the indicator that appears under your cursor.
- That your current color is not modified when selecting the eraser.
Drawing shapes
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg
Actions:
- Click the Shapes button at the very bottom right of the toolbar.
- Pick one of the shapes that appears from the dropdown menu.
- In the canvas, click and drag to form your shape.
Verify:
- That clicking the Shapes button properly brings up a dropdown menu of shapes.
- That your cursor adjusts to become the shape you just selected.
- That your shape draws itself properly after you are finished clicking and dragging.
- That the border of the shape is the currently selected color, and the interior of the shape is unfilled.
- That the thickness of the border corresponds to the currently selected brush size.
Managing multiple objects
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg
Actions:
- Click the Keep button, then try moving the object you made around by clicking and dragging it.
- Click the Make a Painting button again, draw something, and click Keep again. Try to make it a different color from the old one.
- Move the new object over the old one by clicking and dragging it. Then, move the old object over the new one.
- Press the Undo button on the top toolbar. Then, press it again.
Verify:
- That the toolbar and canvas border disappear when you click Keep.
- That that the objects you just drew stay in the window.
- That objects are movable and cast a small shadow when picked up.
- That you can adjust which object is on top by clicking and dragging it.
- That clicking the Undo button properly moves the old object back under the new one, and clicking it again reverses the order back to normal.
Discarding an object
Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg
Actions:
- Click the make new painting button.
- Draw something on the canvas.
- Press the Clear button on the toolbar. Then, press Undo.
- Press the Toss button on the toolbar. Choose "Keep painting it."
- Press the Toss button again and choose "Throw it away."
Verify:
- That any objects that overlap the canvas are tinted lighter on the portions which overlap.
- That pressing the Clear button removes everything on the canvas (excluding static objects which overlap the canvas)
- That the warning menu "Do you really want to throw away what you just painted" appears when you click the Toss button.
- That choosing "Keep painting it" when you click the Toss button does nothing.
- That choosing "Throw it away" when you click the Toss button removes anything on the canvas and closes the Toolbar.
Quitting Etoys
Justification: Self
Actions:
- Press the X button on the top toolbar..
- Click "Yes" on the warning that comes up.
Verify:
- That a warning window comes up asking if you are sure you want to quit.
- That pressing "Yes" exits the program.
- That the Etoys icon is removed from the activity donut.
Journal management is mostly a placeholder, as it doesn't appear to be functional yet.
Journal Management
Justification: HIG, Self
Actions:
- Open the Journal from the activity donut.
- Scroll down until you find an entry for your Etoys activity section. Click on it.
- Click the Reusme button.
Verify:
- That there is an entry for your Etoys activity section that displays properly.
- That the preview properly displays a thumbnail of your project.
- That clicking the Resume button properly opens Etoys and displays your project.