• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 1. Introducing ActionScript > TESTING YOUR FIRST SCRIPT

TESTING YOUR FIRST SCRIPT

It would be pure fantasy to believe ActionScripts always work exactly as planned. Just as it’s easy to forget a comma or to misspell a word when writing a letter, it’s easy to make mistakes when writing scripts—regardless of how familiar you are with ActionScript. However, unlike your letter recipients, Flash is unforgiving when it comes to script errors. In scripting, errors mean bugs, and bugs mean your script either won’t work at all or won’t work as planned. Luckily, Flash provides some handy ways to test scripts and stamp out bugs.

1.
If electricBill2.fla isn’t already open, open it now.

This is the file we set up in the last exercise. In this exercise, we’ll test the project’s functionality from within Flash’s testing environment.

2.
From Flash’s menu bar, choose Control > Test Movie.

This command creates a temporary, fully functional version of your exported movie and displays it in Flash’s testing environment. Although there are all kinds of ways you can test your movie in this environment (determining overall file size, streaming capability, and appearance), we’re interested in testing its interactive features— which means doing everything we can to mess it up.

TIP

Enlist as many friends and colleagues as possible to help you test your project. This way you have a greater chance of testing every possible scenario and thus finding all of the potential bugs.

3.
Enter various amounts in the “Amount you would like to pay:” text field, then press the Light Switch button.

  • Enter an amount less than 60. If you enter 35 in this text field, a message should appear that says, “You underpaid your bill by 25 dollars,” and the light movie clip instance should remain off.

  • Enter an amount more than 60. If you enter 98 in this text field, a message should appear that says, “You have overpaid your bill by 38 dollars,” and the light movie clip instance should appear hot (its visual state at the frame labeled Hot). As we said, though, this is what should happen. What really happens is that the message shows an overpayment of –38 dollars, not 38 dollars! We’ll log this bug as an error and continue testing.

  • Enter the exact amount of 60. If you enter 60 into this text field, a message should appear stating, “You have paid your bill in full,” and the light movie clip instance should appear to be on.

  • Erase everything in this field. If you do this and press the Light Switch button, you get a message stating, “You have paid your bill in full” and the light movie clip instance will appear on. Obviously, this is wrong: We will log this as an error and continue testing.

  • Enter some text. If you enter anything beginning with a letter and then press the Light Switch button, you’ll get a message reading, “You have paid your bill in full” and the light movie clip instance will turn on—another obvious mistake, which we’ll log as an error.

TIP

When you find bugs while testing a complex project, it’s sometimes best to stop testing and begin the bug-stomping process immediately (as opposed to logging several bugs first, then attempting to fix them all at once). The reason for this is that when attempting to eliminate a bug, you may unwittingly introduce a new one. Thus, fixing several bugs at once could result in several new bugs—obviously not what you want. By fixing bugs one at a time, you can better concentrate your bug-squashing efforts and avoid a lot of needless backtracking.

As you learned from the above, our project contains the following three bugs:

  • If a user overpays his or her bill, the overage is shown as a negative number in the custom message that is displayed.

  • If a user chooses not to pay anything, our project functions incorrectly.

  • If a user enters text rather than a numeric value, our project functions incorrectly.

Now let’s think about why these bugs are occurring: In the case of the first bug, we know that the numeric value that appears in this dynamic message is based on the value of difference when the script is executed. In addition, we know that the problem only occurs if the user pays more than the amount of the bill. Thus, the problem lies in the way difference is calculated when the user overpays his or her bill. We’ll review that part of our script.

As for the other two bugs, our script is set up to act various ways when executed, depending on what amount the user enters to pay. However, we forgot to account for the possibility that the user might not enter anything, or that he or she might enter text, both of which cause our project to act funny. We’ll make a slight addition to our script to account for this.

4.
Close the testing environment and return to the authoring environment. Select the Light Switch button and modify Line 9 of the script, which currently reads: difference = amountOwed - amountPaid; to read difference = amountPaid - amountOwed;

In reviewing the section of the script that determines what happens when amountPaid exceeds amountOwed , we discover that difference is being calculated by subtracting amountOwed by amountPaid . How is this a problem? If the user pays 84 dollars, the difference being calculated is 60 – 84 (or amountOwed minus amountPaid ). Subtracting a larger number from a smaller number resulted in a negative number. To fix the problem, we simply switched the position of amountOwed and amountPaid in the line of script that sets the value of difference . Now, the smaller number is subtracted from the larger one, resulting in a positive number.

NOTE

You don’t need to modify the other area in the script where the value of difference is set because that area is only executed when the user pays less than he or she owes, in which case the value will be calculated properly.

5.
With the Light Switch button still selected and the Actions panels still open, make the following addition and modification to the if statement:

Addition:

							if (isNaN (amountPaid)) {
							message.text = "What you entered is not a proper dollar amount. Please try
							again.";
							}
						

					  

Modification to what used to be the initial if statement:

							} else if (amountPaid < amountOwed) {
							difference = amountOwed - amountPaid;
							light.gotoAndStop ("Off");
							message.text = "You underpaid your bill by " + difference + " dollars.";
							}
						

					  

You’ll notice that with this addition and modification, what used to be the first condition that was analyzed has now been delegated to the second condition. Modifying the script in this way will cause this new condition to be analyzed first.

This addition allows the script to deal with the contingency that the user enters nothing or enters text as the amount to pay. It says that when the Light Switch button is pressed, if the value of amountPaid is not a number (or isNaN) , do nothing in the scene but display a message that asks the user to enter a proper dollar amount. If the amount entered cannot be converted to a numerical value (for example, “frog”) or if the field is left blank, this part of the script executes. The isNan() function is another special tool that ActionScript provides to take care of simple yet critical tasks. Notice that instead of inserting a literal value between the parentheses of this function (such as “cat”, or 57), we’ve placed a reference to a variable’s name. This causes the value that the variable holds to be analyzed.

NOTE

The isNaN() function is covered in greater detail later in the book.

We made this the first condition to look for because it’s the most logical thing to check when the script is first executed. If the user enters a numeric value, this part of the script is ignored and the rest of the script continues to work as previously described.

5.
From Flash’s menu bar choose Control > Test Movie. In the exported test file, enter various amounts in the “Amount you would like to pay:” text field, then press the Light Switch button.

At this point our movie should work properly under all circumstances.

6.
Close the testing environment and return to the authoring environment. Save this file as electricBill3.fla.

Congratulations: You’ve completed your first lesson!


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint