Preparing Flash and Flex Applications for Testing Under the Debug Version of Flash Player

The FlashInjector.swf module is a helper Flash movie that makes your Flash and Flex applications accessible for TestLeft, without any special preparation actions with the application to be tested. FlashInjector.swf is included in the TestLeft package. By default, it resides in the <TestLeft>\Open Apps\Flex folder.

Configure Flash Player to preload the FlashInjector module. You can do this –

• Automatically. At the beginning of your test, command TestLeft to install the FlashInjector module. To do this, set the following to true:

  .NET: IDriver.Options.Flex.InstallFlashInjectorAtTestStart

  Java: driver.getOptions().getFlex().setInstallFlashInjectorAtTestStart()

  C#

  Visual Basic .NET

  Java

  C#

  using SmartBear.TestLeft;
  using SmartBear.TestLeft.Options;
  using SmartBear.TestLeft.TestObjects.Flash;
  …
  
  public void Test()
  {
  
    // Configures TestLeft to install the FlashInjector module automatically
    Driver.Options.Flex.InstallFlashInjectorAtTestStart = true;
  
    // Starts the tested application and simulates user actions
    …
  
  }

  Visual Basic .NET

  Imports SmartBear.TestLeft
  Imports SmartBear.TestLeft.Options
  Imports SmartBear.TestLeft.TestObjects.Flash
  …
  
  Public Sub Test()
  
    ' Configures TestLeft to install the FlashInjector module automatically
    Driver.Options.Flex.InstallFlashInjectorAtTestStart = True
  
    ' Starts the tested application and simulates user actions
    …
  
  End Sub

  Java

  import com.smartbear.testleft.*
  import com.smartbear.testleft.testobjects.*
  …
  
  @Test
  public void Test() throws Exception{
  
    // Configures TestLeft to install the FlashInjector module automatically
    driver.getOptions().getFlex().setInstallFlashInjectorAtTestStart(true);
  
    // Starts the tested application and simulates user actions
    …
  
  }

• Manually, by editing the mm.cfg file that contains the settings of the debug version of Flash Player:

  1. Locate the mm.cfg file:

     • For Google Chrome, the mm.cfg file is located at –

       <System_Drive>\<Users>\<User_name>\AppData\Local\Google\Chrome\User Data\Default\Pepper Data\Shockwave Flash\System\mm.cfg

     • For other web browsers, the location of the mm.cfg file is specified as %HOMEDRIVE%\%HOMEPATH%. By default, the mm.cfg file resides in your user profile folder –

       <System_Drive>\<Users>\<User_name>\mm.cfg

       The path to the mm.cfg file can differ from the default one on your computer.

  2. Open the file in any text editor, for example, in Notepad.

  3. Add the PreloadSwf parameter to the mm.cfg file and initialize it with the fully-qualified path to the FlashInjector.swf module.

     By default, this module is installed in the <TestLeft>\Open Apps\Flex folder. For instance, you can use the following settings:

     On a 32-bit version of Windows:

     PreloadSwf=C:\Program Files\SmartBear\TestLeft 15\Open Apps\Flex\FlashInjector.swf

     
     

     On a 64-bit version of Windows:

     PreloadSwf=C:\Program Files (x86)\SmartBear\TestLeft 15\Open Apps\Flex\FlashInjector.swf

Important Notes

Add the fully-qualified name of the <TestLeft>\Open Apps\Flex folder to the list of trusted locations:

1. Open the Control Panel | System and Security | Flash Player applet. You can also right-click somewhere within any Flash or Flex movie open in a web browser (or in the Flash Player standalone) and choose Global Settings from the context menu.

2. In the ensuing Flash Player Settings Manager, switch to the Advanced tabbed page and click the Trusted Location Settings button. This will invoke the Trusted Location Settings dialog.

3. In the Trusted Location Settings dialog, select Add and specify the path to the <TestLeft>\Open Apps\Flex folder and click Confirm.

   Note:

   On 32-bit versions of Windows the default path is C:\Program Files\SmartBear\TestLeft 15\Open Apps\Flex while on 64-bit versions of Windows the path is C:\Program Files (x86)\SmartBear\TestLeft 15\Open Apps\Flex.

   This will add the folder containing the FlashInjector.swf file to the list of trusted locations.

We recommend that you disable Protected Mode in Internet Explorer:

1. From the Internet Explorer main menu, select Tools | Internet Options.

2. Switch to the Security tab.

3. Clear the Enable Protected Mode check box and click OK.

4. Restart Internet Explorer.

Disable Flash Player Protected Mode

Disable Flash Player Sandbox

From Adobe Flash Professional IDE

From Flash Builder or Flex Builder IDE

From HTML Templates Included in Flex SDK

Manually

To automatically generate a wrapper HTML page for your application from Adobe Flash Professional:

1. Open your application project in Adobe Flash IDE.

2. Select File | Publish Settings from the main menu of IDE or press Ctrl+Shift+F12 to open the Publish Settings dialog.

3. On the Formats tabbed page of the dialog, select the HTML (.html) check box. The HTML tabbed page will appear. On this page, you can configure some parameters of the web page to be created.

4. In the edit box to the right of the HTML (.html) check box, specify the file name of the web page to be created.

   

5. Click OK to close the Publish Settings dialog and save the changes.

6. Select File | Publish from the main menu or press Shift+F12 to republish your Flash application with the wrapper HTML page.

To improve the test performance, you can modify source code of the created page according to the tips below.
 

If you use Adobe Flash Builder 4 or Flex Builder 3 to develop your applications, you can generate the wrapper HTML page by modifying the Flash Builder (or Flex Builder) project properties:

1. Open your project in Flash Builder (or Flex Builder).

2. Right-click the project node in Flash Builder’s Package Explorer (Flex Navigator in Flex Builder) and select Properties from the context menu, or select Project | Properties from the main menu of the IDE. This will bring up the Properties dialog.

3. Select the Flex Compiler category and enable the Generate HTML wrapper file option:

   

4. Save the changes and rebuild the project.

To improve the test performance, you can modify the source code of the created page according to the tips below.
 

Flex SDK includes a set of template HTML pages that you can use to create a wrapper for the tested application. These templates are located in the <Flex SDK>/templates folder. Each template contains tokens (for example, ${swf}) that you will need to replace with values appropriate for your application. For more information about using the templates, see the About the HTML templates topic in Flex documentation (http://livedocs.adobe.com/flex/).

To improve the test performance, you can modify the source code of the created page according to the tips below.
 

You can create a wrapper HTML page yourself, using any text or HTML editor. Below you will find the typical code of a wrapper page. Simply copy this code, paste it into the editor and modify the highlighted elements to match the tested Flash and Flex application:

1. Replace MyApp.swf with the name of the tested application’s SWF file.

2. Specify the application’s size (in pixels) in the width and height attributes.

3. Specify the id attribute of the OBJECT (or EMBED) tags that you use to insert your movie into the page. TestLeft uses this attribute to address the movie in tests. Also, this will improve the test performance. The attribute must start with a letter (A..Z, a..z) and contain only letters (A..Z, a..z), digits (0..9) or underscore characters (_).

Save the wrapper file into the same folder where the tested application resides. Note that the wrapper file must have the .htm or .html extension.

• To insert a Flash movie into a web page, you use the OBJECT or EMBED tags. These tags can contain child OBJECT or EMBED tags. It is recommended that you specify the id attribute for each of these OBJECT and EMBED tags to improve the test performance.

• The OBJECT (or EMBED) tags that you use to insert your Flash movie have the allowScriptAccess attribute. It is recommended that you use the “always” value for this attribute as this will provide better performance. Specifying the “sameDomain” value in the attribute can significantly slow down the test performance.

You can change the value of the wmode parameter by modifying the source code of the application’s wrapper web page:

1. Open the wrapper web page of your tested Flash (Flex) application in any text or HTML editor.

2. Depending on how your application is embedded in the wrapper page, in the page’s source code, locate the swfobject.embedSWF or AC_FL_RunContent function call and/or the object and embed tags.

3. Depending on the web browser you are using, specify the desired value of the wmode parameter. Below are possible HTML code snippets with the wmode parameter set to opaque:

   • Example 1

     HTML

     HTML

     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" width="500" height="300">
         <param name="movie" value="MyTestedApp.swf">
         <param name="quality" value="high">
         <param name="wmode" value="opaque">
         <embed src="MyTestedApp.swf" quality="high" wmode="opaque" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="300"></embed>
     </object>

   • Example 2

     HTML

     HTML

     <script type="text/javascript">
       var flashvars = {};
       var params = {};
       params.quality = "high";
       params.wmode = "opaque";
       params.bgcolor = "#869ca7";
       var attributes = {};
       attributes.id = "MyTestedApp";
       attributes.name = "MyTestedApp";
       attributes.align = "middle";
     
       swfobject.embedSWF(
         "MyTestedApp.swf", "flashContent",
         "100%", "100%",
         "10.0.0", "playerProductInstall.swf",
         flashvars, params, attributes);
     </script>

   • Example 3

     HTML

     HTML

     <script type="text/javascript">
     AC_FL_RunContent(
         'codebase', 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
         'width', '500',
         'height', '300',
         'src', 'MyTestedApp',
         'quality', 'high',
         'wmode', 'opaque',
         'pluginspage', 'http://www.adobe.com/go/getflashplayer',
         'movie', 'MyTestedApp'
     );
     </script>

4. Save the changes made to the web page’s source code.