Test Emails in Selenium with DotNet, CSharp and MailSlurp
Selenium is a common integration test framework popular with C# developers. With the MailSlurp DotNet SDK you can send and receive emails from code and tests.
If you write .NET applications you probably deal with email addresses at some point: for user sign-up, email newsletters, password resets and more. If you want to test this functionality end-to-end you need test email accounts.
MailSlurp is a free API that lets you create email addresses in C# then send and receive emails with them. This article will show you how to test a web applications user sign-up using Nunit, .NET Core 2.1, Selenium and Firefox Gecko Driver.
Example application
For an example of using emails in selenium with .NET we will use a dummy web app hosted at https://playground.mailslurp.com.
This app has a real sign-up process. It lets users sign-up with an email address, then it sends them a confirmation code via email. The user can then submit the confirmation code and confirm their account. Finally the user can sign in and see a welcome screen.
We’ll test this process end to end. Full source code available on GitHub.
Writing a test
To test the Playgrounds authentication process with real email addresses lets set up a .NET Core 2.1 project.
Setup
First you need Firefox and the Selenium Gecko Driver. You can install them with choco or download them manually and add them to your Path.
choco install firefox
choco install selenium-gecko-driver
Add project dependencies
Create a new .NET Core project and add the following dependencies in YourProject.csproj:
<ItemGroup>
<PackageReference Include="mailslurp" Version="11.5.20" />
<PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.5.0" />
<PackageReference Include="nunit" Version="3.12.0" />
<PackageReference Include="NUnit3TestAdapter" Version="3.16.1">
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
<PrivateAssets>all</PrivateAssets>
</PackageReference>
<PackageReference Include="Selenium.WebDriver" Version="3.141.0" />
<PackageReference Include="Selenium.WebDriver.GeckoDriver" Version="0.26.0.1" />
</ItemGroup>
Create test file
Next create an Nunit test:
using System;
using System.Text.RegularExpressions;
using mailslurp.Api;
using mailslurp.Client;
using mailslurp.Model;
using NUnit.Framework;
using OpenQA.Selenium;
using OpenQA.Selenium.Firefox;
// Example usage for MailSlurp email API plugin
namespace ExampleService.Tests
{
[TestFixture]
public class ExampleTest
{
// tests will go here
}
}
Next we need to configure Selenium. We will add a FirefoxDriver and tell it to start before our tests. Then we’ll add a shutdown method after the tests have finished. Put the following inside the ExampleTest class:
private static IWebDriver _webdriver;
private static Configuration _mailslurpConfig;
// get a MailSlurp API Key free at https://app.mailslurp.com
private static readonly string YourApiKey = "your-api-key-here";
private static readonly long TimeoutMillis = 30_000L;
[SetUpFixture]
public class NunitSetup
{
// runs once before any tests
[OneTimeSetUp]
public void SetUp()
{
// set up the webdriver for selenium
var timeout = TimeSpan.FromMilliseconds(TimeoutMillis);
var service = FirefoxDriverService.CreateDefaultService()
_webdriver = new FirefoxDriver(service, new FirefoxOptions(), timeout);
_webdriver.Manage().Timeouts().ImplicitWait = timeout;
// configure mailslurp with API Key
Assert.NotNull(YourApiKey);
_mailslurpConfig = new Configuration();
_mailslurpConfig.ApiKey.Add("x-api-key", YourApiKey);
}
// runs once after all tests finished
[OneTimeTearDown]
public void Dispose()
{
// close down the browser
_webdriver.Quit();
_webdriver.Dispose();
}
}
Test loading the playground
Now we can write some tests. So let’s load the playground app and click the sign-up button:
[Test, Order(1)]
public void CanLoadPlaygroundAppInBrowser_AndClickSignUp()
{
// open the dummy authentication app and assert it is loaded
_webdriver.Navigate().GoToUrl("https://playground.mailslurp.com");
Assert.AreEqual("React App", _webdriver.Title);
// can click the signup button
_webdriver.FindElement(By.CssSelector("[data-test=sign-in-create-account-link]")).Click();
}
Create test email accounts
Next we need to start a user sign-up. We will need a new test email account first. Create one with MailSlurp then use it to fill the sign-up form:
private static Inbox _inbox;
[Test, Order(2)]
public void CanCreateTestEmail_AndStartSignUp()
{
// first create a test email account
var inboxControllerApi = new InboxControllerApi(_mailslurpConfig);
_inbox = inboxControllerApi.CreateInbox();
// inbox has a real email address
var emailAddress = _inbox.EmailAddress;
// next fill out the sign-up form with email address and a password
_webdriver.FindElement(By.Name("email")).SendKeys(emailAddress);
_webdriver.FindElement(By.Name("password")).SendKeys(Password);
// submit form
_webdriver.FindElement(By.CssSelector("[data-test=sign-up-create-account-button]")).Click();
}
If we run the test the result should look like this:
Receive confirmation email
Once the sign-up form is submitted the playground app will send a confirmation code to the email address. We can wait for the email to arrive using MailSlurp.
private static Email _email;
[Test, Order(3)]
public void CanReceiveConfirmationEmail()
{
// now fetch the email that playground sends us
var waitForControllerApi = new WaitForControllerApi(_mailslurpConfig);
_email = waitForControllerApi.WaitForLatestEmail(inboxId: _inbox.Id, timeout: TimeoutMillis, unreadOnly: true);
// verify the contents
Assert.IsTrue(_email.Subject.Contains("Please confirm your email address"));
}
Extract content and confirm
Next let’s find the verification code in the email and submit it to the confirmation screen:
private static String _confirmationCode;
[Test, Order(4)]
public void CanExtractConfirmationCode()
{
// we need to get the confirmation code from the email
var rx = new Regex(@".*verification code is (\d{6}).*", RegexOptions.Compiled);
var match = rx.Match(_email.Body);
_confirmationCode = match.Groups[1].Value;
Assert.AreEqual(6, _confirmationCode.Length);
}
[Test, Order(5)]
public void CanConfirmUserWithEmailedCode()
{
// fill the confirm user form with the confirmation code we got from the email
_webdriver.FindElement(By.Name("code")).SendKeys(_confirmationCode);
_webdriver.FindElement(By.CssSelector("[data-test=confirm-sign-up-confirm-button]")).Click();
}
Running the test should look as follows:
Sign in with confirmed user
Finally we can test that a confirmed user can sign in. Load the playground again and sign in.
[Test, Order(6)]
public void CanLoginWithConfirmedUser()
{
// load the main page again
_webdriver.Navigate().GoToUrl("https://playground.mailslurp.com");
// login with email and password (we expect it to work now that we are confirmed)
_webdriver.FindElement(By.Name("username")).SendKeys(_inbox.EmailAddress);
_webdriver.FindElement(By.Name("password")).SendKeys(Password);
_webdriver.FindElement(By.CssSelector("[data-test=sign-in-sign-in-button]")).Click();
// verify that user can see authenticated content
Assert.IsTrue(_webdriver.FindElement(By.TagName("h1")).Text.Contains("Welcome"));
}
The login should look like this:
Once logged in the user will be greeted with a welcome message.
Next steps
Selenium is a powerful testing tool. When combined with test email accounts you can test email related processes end-to-end. MailSlurp is free email API with C# bindings. Check out the documentation to get started.