Figure 7.8 The web financial calculator, ready to be tested in Visual C#.NET

Generating QR Code 2d barcode in Visual C#.NET Figure 7.8 The web financial calculator, ready to be tested

Figure 7.9 The Selenium IDE integrated control center lets you record, edit, and debug automated web tests.

You may be wondering how Selenium performs on applications bigger than the simple calculator. From our experience, it works fine with modern business web applications. In the end, they re all HTML with a bunch of links, buttons, and other controls. Selenium even manages Ajax and similar technologies.

Figure 7.11 Although Selenium can record your clicks and keystrokes, you have to manually add additional commands to complete the test.

The table consists of three columns: Command, Target, and Value. A command is a Selenium instruction that defines what the testing framework should do. For example, open directs the browser to open the document specified in the Target column; type enters text specified in the Value column into the field specified in Target; and click clicks a control specified in Target. To complete the test, you have to do an assertion. To do that, click the Record button again to stop the recording. Go to the empty line at the end of the test steps, and add two more commands, as shown in figure 7.11. You add the waitForPageToLoad command with a value of 3000 milliseconds because your application does a postback after you click the Calculate button. The test suite has to wait until the page is loaded; after that, you assert the output rate value. You then issue an assertValue command to the target txtRate (the name of the field on the website) and check that the value is correct. Your first automated test is ready. Click the Play button to run it. Selenium executes the entire test suite (which consists of only one test) and displays the output (see figure 7.12). As we said earlier, the default table-style test layout isn t the only input Selenium accepts. You can easily change the format to C# so that you can run the test as an NUnit test. In the Selenium IDE window, choose Options > Format > C# - Selenium RC. You ll get the code shown next.

Figure 7.12 Selenium executes the commands in the script sequentially and detects the correct value. It looks like everything works.

using using using using using using System;

System.Text; System.Text.RegularExpressions; System.Threading; NUnit.Framework; Selenium;

namespace SeleniumTests { [TestFixture] public class Untitled { private ISelenium selenium; private StringBuilder verificationErrors; [SetUp] public void SetupTest() { selenium = new DefaultSelenium("localhost", 4444, "*chrome", "http://change-this-to-the-site-you-are-testing/"); selenium.Start(); verificationErrors = new StringBuilder(); } [TearDown] public void TeardownTest() { try { selenium.Stop(); } catch (Exception) { // Ignore errors if unable to close the browser } Assert.AreEqual("", verificationErrors.ToString()); } [Test] public void TheUntitledTest() { selenium.Open("/Default.aspx"); selenium.Type("txtPrice", "20000"); selenium.Type("txtPeriods", "36"); selenium.Type("txtInterest", "5,5"); selenium.Click("rbModeEnd"); selenium.Click("btnCalculate"); selenium.WaitForPageToLoad("3000"); Assert.AreEqual("603,90", selenium.GetValue("txtRate")); } } }

This test can only be run against a Selenium RC server that s able to play the test remotely. It starts and closes one of the supported web browsers and acts as a proxy between the test case and that browser. On the test case side, Selenium RC is a set of assemblies that allows communication with the Selenium RC proxy server. Let s prepare the client test case side of the browser-automation test suite. First, from http://seleniumhq.org/, download Selenium RC. It contains the server and the client-side libraries. Take the libraries from the selenium-dotnet-client folder and copy them to your tools folder. We ve put a ready-to-use project in the source codes accompanying the book. Reference the ThoughtWorks.Selenium.Core.dll in the test project, and copy the Selenium-generated code from listing 7.9 into a new test fixture class. Modify the namespace and class name to suit your needs. The Selenium client connects to the RC server over a proxy server. This server is specified in the test fixture SetUp method B. Selenium RC server is a Java-based application that comes with the Selenium RC archive. Extract the contents of the selenium-server directory. Then go to the command line, navigate to the directory with your server, and issue a command to start the server from the JAR file: