How to: Create a Custom HTTP Body Editor for the Web Performance Test Editor

Article
02/04/2013

This topic applies to:

Visual Studio Ultimate	Visual Studio Premium	Visual Studio Professional	Visual Studio Express

You can create a custom content editor that lets you edit the string body content or the binary body content of a Web service request, for example, SOAP, REST, asmx, wcf, RIA and other Web service request types.

There are two types of editors that you can implement:

String content editor This is implemented using the IStringHttpBodyEditorPlugin interface.
Binary content editor This is implemented using the IBinaryHttpBodyEditorPlugin interface.

These interfaces are contained in the Microsoft.VisualStudio.TestTools.WebTesting namespace.

Create a Windows Control Library project

Create a user control by using a Windows Control Library project

In Visual Studio Ultimate, on the File menu, click New and then select Project.

The New Project dialog box is displayed.
Under Installed Templates, select either Visual Basic or Visual C# depending on your programming preference, and then select Windows.

Note

This sample uses Visual C#.
In the list of templates, select Windows Forms Control Library.
In the Name text box, type a name, for example, MessageEditors, and click OK.

Note

This sample uses MessageEditors.

The project is added to the new solution and a UserControl named UserControl1.cs is presented in the Designer.
From the Toolbox, under the Common Controls category, drag a RichTextBox onto the surface of UserControl1.
Click the action tag glyph () on the upper-right corner of the RichTextBox control, and then select and Dock in Parent Container.
In Solution Explorer, right-click the Windows Forms Library project and select Properties.
In the Properties, select the Application tab.
In the Target framework drop-down list, select .NET Framework 4.
The Target Framework Change dialog box is displayed.
Click Yes.
In Solution Explorer, right-click the References node and select Add Reference.
The Add Reference dialog box is displayed.
Click the .NET tab, scroll down and select Microsoft.VisualStudio.QualityTools.WebTestFramework and then click OK.
If View Designer is not still open, in Solution Explorer, right-click UserControl1.cs and then select View Designer.
On the design surface, right-click and select View Code.

(Optional) Change the name of the class and the constructor from UserControl1 to a meaningful name, for example, MessageEditorControl:

Note

The sample uses MessageEditorControl.

namespace MessageEditors
{
    public partial class MessageEditorControl : UserControl
    {
        public MessageEditorControl()
        {
            InitializeComponent();
        }
    }
}

Add the following properties to enable getting and setting the text in RichTextBox1. The IStringHttpBodyEditorPlugin interface will use EditString and the IBinaryHttpBodyEditorPlugin will use EditByteArray:

        public String EditString
        {
            get
            {
                return this.richTextBox1.Text;
            }
            set
            {
                this.richTextBox1.Text = value;
            }
        }

public byte[] EditByteArray
        {
            get
            {
                return System.Convert.FromBase64String(richTextBox1.Text);
            }
            set
            {
                richTextBox1.Text = System.Convert.ToBase64String(value, 0, value.Length);
            }
        }

Add a class for to the Windows Control Library project

Add a class to the project. It will be used to implement the IStringHttpBodyEditorPlugin and IBinaryHttpBodyEditorPlugin interfaces.

Overview of the code in this procedure

The MessageEditorControl UserControl that was created in the previous procedure is instantiated as messageEditorControl:

private MessageEditorControl messageEditorControl

The messageEditorControl instance is hosted within the plug-in dialog that is created by the CreateEditor method. Additionally, the messageEditorControl's RichTextBox is populated with the contents in the IHttpBody. However, the creation of the plug-in cannot occur unless SupportsContentType returns true. In the case of this editor, SupportsContentType returns true if the ContentType in the IHttpBody contains "xml".

When editing of the string body is completed and the user clicks OK in the plug-in dialog box, GetNewValue is called to get the edited text as a string and update the String Body in the request in the Web Test Performance Editor.

To create a class and implement the IStringHttpBodyEditorPlugin interface code

In Solution Explorer, right-click the Windows Forms Control Library project and select Add New Item.
The Add New Item dialog box is displayed.
Select Class.
In the Name text box, type a meaningful name for the class, for example, MessageEditorPlugins.
Click Add.

Class1 is added to the project and presented in the Code Editor.
In the Code Editor, add the following using statement:
```
using Microsoft.VisualStudio.TestTools.WebTesting;
```

Write or copy the following code to instantiate the XmlMessageEditor class from IStringHttpBodyEditorPlugin interface and implement the required methods:

    /// <summary>
    /// Editor for generic text based hierarchical messages such as XML and JSON.
    /// </summary>
    public class XmlMessageEditor : IStringHttpBodyEditorPlugin
    {
        public XmlMessageEditor()
        {
        }

        /// <summary>
        /// Determine if this plugin supports the content type.
        /// </summary>
        /// <param name="contentType">The content type to test.</param>
        /// <returns>Returns true if the plugin supports the specified content type.</returns>
        public bool SupportsContentType(string contentType)
        {
            return contentType.ToLower().Contains("xml");
        }

        /// <summary>
        /// Create a UserControl to edit the specified bytes.  
        /// This control will be hosted in the
        /// plugin dialog which provides OK and Cancel buttons.
        /// </summary>
        /// <param name="contentType">The content type of the BinaryHttpBody.</param>
        /// <param name="initialValue">The bytes to edit.  The bytes are the payload of a BinaryHttpBody.</param>
        /// <returns>A UserControl capable of displaying and editing the byte array value of the specified content type.</returns>
        public object CreateEditor(string contentType, string initialValue)
        {
            messageEditorControl = new MessageEditorControl();
            messageEditorControl.EditString = initialValue;
            return this.messageEditorControl;
        }

        /// <summary>
        /// Gets the edited bytes after the OK button is clicked on the plugin dialog.
        /// </summary>
        public string GetNewValue()
        {
            return messageEditorControl.EditString;
        }

        private MessageEditorControl messageEditorControl;
    }

Add a IBinaryHttpBodyEditorPlugin to the Class

Implement the IBinaryHttpBodyEditorPlugin interface.

Overview of the code in this procedure

The code implementation for the IBinaryHttpBodyEditorPlugin interface is similar to the IStringHttpBodyEditorPlugin covered in the previous procedure. However, the binary version uses an array of bytes to handle the binary data instead of a string.

The MessageEditorControl UserControl created in the first procedure is instantiated as messageEditorControl:

private MessageEditorControl messageEditorControl

When editing of the string body is completed and the user clicks OK in the plug-in dialog box, GetNewValue is called to get the edited text as a string and update the BinaryHttpBody.Data in the request in the Web Test Performance Editor.

To add the IBinaryHttpBodyEditorPlugin to the class

Write or copy the following code under the XmlMessageEditor class added in the previous procedure to instantiate the Msbin1MessageEditor class from IBinaryHttpBodyEditorPlugin interface and implement the required methods:

/// <summary>
    /// Editor for MSBin1 content type (WCF messages)
    /// </summary>
    public class Msbin1MessageEditor : IBinaryHttpBodyEditorPlugin
    {
        /// <summary>
        /// 
        /// </summary>
        public Msbin1MessageEditor()
        {
        }

        /// <summary>
        /// Determine if this plugin supports a content type.
        /// </summary>
        /// <param name="contentType">The content type to test.</param>
        /// <returns>Returns true if the plugin supports the specified content type.</returns>
        public bool SupportsContentType(string contentType)
        {
            return contentType.ToLower().Contains("msbin1");
        }

        /// <summary>
        /// Create a UserControl to edit the specified bytes.  This control will be hosted in the
        /// plugin dialog which provides OK and Cancel buttons.
        /// </summary>
        /// <param name="contentType">The content type of the BinaryHttpBody.</param>
        /// <param name="initialValue">The bytes to edit.  The bytes are the payload of a BinaryHttpBody.</param>
        /// <returns>A UserControl capable of displaying and editing the byte array value of the specified content type.</returns>
        public object CreateEditor(string contentType, byte[] initialValue)
        {
            messageEditorControl = new MessageEditorControl();
            messageEditorControl.EditByteArray = initialValue;
            return messageEditorControl;
        }

        /// <summary>
        /// Gets the edited bytes after the OK button is clicked on the plugin dialog.
        /// </summary>
        public byte[] GetNewValue()
        {
            return messageEditorControl.EditByteArray;
        }

        private MessageEditorControl messageEditorControl;
        private object originalMessage;
    }

Build and Deploy the Plug-Ins

To build and deploy the resulting dll for the IStringHttpBodyEditorPlugin and IBinaryHttpBodyEditorPlugin

On the Build menu, click Build <Windows Form Control Library project name>.
Exit Visual Studio Ultimate.

Note

You must exit all instances of Visual Studio Ultimate to ensure that the dll file is not locked before you try to copy it.
Copy the resulting .dll file from your projects bin\debug folder (for example, MessageEditors.dll) to %ProgramFiles%\Microsoft Visual Studio 10.0\Common7\IDE\PrivateAssemblies\WebTestPlugins.
Start Visual Studio Ultimate.

The .dll should be registered with Visual Studio Ultimate.

Verify the Plug-Ins Using a Web Performance Test

To test your plug-ins

Create a Test Project.
Create a Web performance test and enter a URL in the browser to a Web service, for example, http://dev.virtualearth.net/webservices/v1/metadata/searchservice/dev.virtualearth.net.webservices.v1.search.wsdl.
When you finish the recording, in the Web Performance Test Editor, expand the request for the Web service and select either a String Body or a Binary Body.
In the Properties window, Select either String Body or Binary Body and click the ellipsis (…).

The Edit HTTP Body Data dialog box is displayed.
You can now edit the data and click OK. This invokes the applicable GetNewValue method to update the contents in the IHttpBody.

Compiling the Code

Verify that the Targeted framework for the Windows Control Library project is .NET Framework 4. By default, Windows Control Library projects target the .NET Framework 4 Client framework which will not allow the inclusion of the Microsoft.VisualStudio.QualityTools.WebTestFramework reference.

For more information, see Application Page, Project Designer (C#).