Tests/Etoys: Difference between revisions

From OLPC
Jump to navigation Jump to search
(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...)
 
(fix cat)
 
(8 intermediate revisions by 2 users not shown)
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 drawing 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 you can load Random Racing, and that a loading progress bar appears as Random Racing loads and properly indicates the status of the load.
* That double clicking a project's name loads it.
* That a loading progress bar appears as Random Racing loads and properly indicates the status of the load.


==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. Try a few different sizes.
# 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.


==Manipulating color==
==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==
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 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 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.

==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 89:
# 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 100:


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 109:
* 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 126:
* 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 131:


Actions:
Actions:
# Press the X button on the top toolbar.
# Press the X button on the top toolbar..
# Click "No" when the warning window comes up.
# 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
Line 231: Line 151:
* That the preview properly displays a thumbnail of your project.
* That the preview properly displays a thumbnail of your project.
* That clicking the Resume button properly opens Etoys and displays your project.
* That clicking the Resume button properly opens Etoys and displays your project.

==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 Etoys activity, then wait and see if the user you invited can make edits to it.
Verify:
* That the user is able to join your Etoys activity.
* That the user is able to collaborate on the Etoys project with you.
* That the user's icon is added to the right side of the frame
* That an Etoys activity icon appears in the Neighborhood view, with your icon and the other user's icon by it.

Latest revision as of 05:28, 22 March 2008

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

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

  1. Click the button that says "Click Here for a Demo of Etoys"
  2. Watch the demo in its entirety.
  3. 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:

  1. Click the button that says "Gallery of Projects"
  2. 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:

  1. Return to the main menu.
  2. Click the "make new project" button in the lower right of the main screen.
  3. Click the "new project" button in the upper left corner.
  4. 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:

  1. Click the "Make a Painting" button.
  2. Draw a shape on the canvas.
  3. 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:

  1. Pick a new color by mousing over the color chooser and clicking inside the color window that pops up.
  2. 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.


Drawing shapes

Justification: http://wiki.laptop.org/go/Image:PaintingSuppliesSummary.jpeg

Actions:

  1. Click the Shapes button at the very bottom right of the toolbar.
  2. Pick one of the shapes that appears from the dropdown menu.
  3. 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:

  1. Click the Keep button, then try moving the object you made around by clicking and dragging it.
  2. Click the Make a Painting button again, draw something, and click Keep again. Try to make it a different color from the old one.
  3. Move the new object over the old one by clicking and dragging it. Then, move the old object over the new one.
  4. 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:

  1. Click the make new painting button.
  2. Draw something on the canvas.
  3. Press the Clear button on the toolbar. Then, press Undo.
  4. Press the Toss button on the toolbar. Choose "Keep painting it."
  5. 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:

  1. Press the X button on the top toolbar..
  2. 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:

  1. Open the Journal from the activity donut.
  2. Scroll down until you find an entry for your Etoys activity section. Click on it.
  3. 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.

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 Etoys activity, then wait and see if the user you invited can make edits to it.

Verify:

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