如何将代码重用添加到我的 Selenium 测试中？

Question

这是我正在处理的情况：

• 在 Selenium 中构建测试
• 让所有测试正确运行（在 Firefox 中）
• 将所有测试导出到 MSTest（以便每个测试都可以在 IE、Chrome 和 FF 中运行）
• 如果有任何测试需要进行修改，在 Selenium IDE 中进行编辑

所以这是一个非常单向的工作流程。然而，我现在想做更多的自动化。例如，我希望每个测试都在两个帐户下运行。我遇到了维护问题。如果我想在两个帐户下运行 6 个测试，突然间我需要在 Selenium IDE 测试中进行 12 个测试。这编辑太多了但大量代码是完全相同的。

如何在测试之间共享 Selenium 测试块？我是否应该第一次使用 Selenium IDE 来开发测试，然后不再使用它（之后只在 VS 中进行编辑）？

Answer 1

从 IDE 导出后，Selenium 代码非常线性。

例如（忽略语法）：

  someTestMethod() {
     selenium.open("http://someLoginPage.com");
     selenium.type("usernameField", "foo");
     selenium.type("passwordField", "bar");
     selenium.click("loginButton");
     selenium.waitForPageToLoad("30000");
     assertTrue(selenium.isTextPresent("Welcome * foo"));
  }

这是登录页面。您的每一项测试都必须使用它。您应该将其重构为方法。

  someTestMethod(){
     selenium.open("http://someLoginPage.com");
     String username = "foo";
     String password = "bar";
     performLogin(username, password);
  }

  performLogin(String username, String password){
      selenium.type("usernameField", username);
      selenium.type("passwordField", password);
      selenium.click("loginButton");
      selenium.waitForPageToLoad("30000");
      assertTrue(selenium.isTextPresent("Welcome * foo"));
  }

performLogin() 方法不必与测试代码本身位于同一文件中。您可以使用您的方法为其创建一个单独的类，并在测试之间共享它。

我们有与 UI 上的某些功能相对应的类。例如，我们有很多方法可以在我们的应用程序中进行搜索。所有帮助您使用搜索功能的方法都将位于 SearchUtil 类中。

类似地构建您的测试将为您带来以下优势：

• 如果 UI 更改（字段的 id），您可以使用一种方法，更新 id，然后就可以开始了
• 如果 >逻辑更改流程您也只有一个地方可以更新
• 要测试您的更改是否有效，您只需运行其中一项测试即可验证。所有其他测试都使用相同的代码，因此它应该可以工作。
• 当您查看代码时，会更具表现力。使用命名良好的方法，您可以创建更容易阅读和理解的更高级别的抽象。
• 灵活且可扩展！可能性是无限的。此时，您可以使用条件、循环、异常，您可以执行自己的报告等...

此网站是您想要实现的目标的绝佳资源。

祝你好运！

Answer 2

关于代码重用，需要考虑两个方面：

1. 消除您自己的代码库中的代码重复 - c_maker 谈到了这一点。
2. 消除 Selenium IDE 生成的代码中的重复代码。

我应该指出，我的评论很大程度上倾向于您正在使用的单向工作流程，jcollum，但更重要的是：我使用 IDE 为给定的测试用例生成代码仅一次。我从来没有回到 IDE 修改测试用例并重新导出它。 （当我想在代码中微调和自定义测试用例（在我的例子中，C#）时进行试验时，我确实将 IDE 测试用例保留为诊断工具。

我赞成使用 IDE 测试的原因仅在于一个出发点是：

• IDE 测试总是会在一个测试和另一个测试之间存在大量代码重复；这就是代码的本质，
• 我可以使测试用例更加“用户友好”。 ，即我可以将晦涩难懂的定位器封装在有意义的命名属性或方法中，这样测试用例在做什么就
• 比在 IDE 中工作更清楚，

所以回到 IDE 生成的代码：它总是如此。示例：

verifyText "//form[@id='aspnetForm']/div[2]/div/div[2]/div[1]/span" Home

生成此代码块：

try
{
  Assert.AreEqual("Home",
    selenium.GetText("//form[@id='aspnetForm']/div[2]/div/div[2]/div[1]/span"));
}
catch (AssertionException e)
{
  verificationErrors.Append(e.Message);
}

每个后续 verifyText 命令都会生成相同的代码块，仅两个参数不同。

我对这种刺鼻代码气味的解决方案是开发 <。 Selenium Sushi，一个 Visual Studio C# 项目模板和库，可让您消除大部分（如果不是全部）这种重复。有了这个库，我可以简单地编写这一行代码来匹配 IDE 测试用例中的原始代码行：

Verify.AreEqual("Home",
  selenium.GetText("//form[@id='aspnetForm']/div[2]/div/div[2]/div[1]/span"));

我有一篇详细的文章介绍了这一点 (使用 Selenium Sushi 进行 Web 测试：实用指南和工具集) 2011 年 2 月刚刚在 Simple-Talk.com 上发布。

Answer 3

您还可以将一些片段或单行代码放入

note( "now on page: " .  $sel->get_location() . ", " . $sel->get_title() ; 

IDE 的“代码片段”集合中（我使用 Eclipse）。

这不是真正的重用，但是它对我来说适用于一次性测试脚本或现有测试脚本的快速增强。