量角 - 角度测试E2E的介绍
#javascript #angular #测试 #e2e

在这篇小文章中,我想凝结有关 Protactor 工具的研究,将此简短文档分享为有关该主题的“指南”。

什么是测试

软件测试是对软件的调查,以便提供有关其应与之操作的上下文相关的质量信息,与验证和验证的概念有关。这包括使用产品查找其缺陷的过程。

该软件测试只有一个目的揭示了要纠正到最终产品的故障/错误达到所需/商定的质量

这样,我们遵循循环deâ开发我们写的:

  • (RED):周期的第一阶段,即即使详细生产将是新功能的测试方法,开发人员也会编写一种测试方法。大概这个测试会失败,但这正是强度。
  • (绿色):这是第二步,i将进入上一个步骤测试。重要的是只写这种方式。
  • (重构):这是清洁代码,改善结构,降低线条并提高性能的最后一步。

Image description

      *Imagem referente ao ciclo do TDD.*

还有各种类型的软件测试,有些是:

  • 单位测试
  • 集成测试在测试单元后,如果它们共同工作,则进行检查。即使在单位测试中批准了它们,当它们一起工作时,它们可能会出现在它们的目前不兼容;
  • e2e测试 - 基于与商品相关的规则和/或要求。您的一部分原则是,您的接口中某些操作应该有令人满意的反应(从单击链接重定向,表单的验证,如果已确认产品的付款,则如果将产品添加到购物车中正确,等等)。

在这个小文档中,我们将看到一些有关 e2e 用户的工作 angular com com stractor 工具是。

什么是量角器ðÖ

量角器框架 agnularjs(Angular 2+)的功能测试,并用作结合强大工具和技术的集成解决方案。茉莉,黄瓜和摩卡咖啡。

,我们可以完成量角安装,我们可以遵循neste link

工具的正式文档

说我们将了解其结构的工作原理。

e2e
├── protractor.conf.js
├── src
│   └── home
│       └── signin
│           ├── signin.e2e-spec.ts
│           └── signin.po.ts
└── tsconfig.e2e.json
  • 在E2E方向上,我们具有量角器的配置文件。在其中,我们将在测试中使用各种配置,例如浏览器,我们将访问的标准URL,测试所在的文件夹等。 /li>
  • 在家庭局内,我们拥有将在标志的情况下进行测试的组件。
  • 在标牌中,我们有文件:
    • signin.e2e -secpe-我们具有标志的签名。
    • signin.po-文件,我们将拥有所有将使用量角api的人。

ex:signin.po

import { browser } from "protractor";

export class SigninPage {
  acessarPaginaHome() {
    return browser.get("");
  }
}

在这个小示例中,我们从量角器中导入母亲©all 浏览器,我们导出一个名为 signpage 的类一个小母亲©ALL ** AccessPaginAhome,母亲内部©ALL AccessPaginaHome 我们将使用该功能** get browser 这样我们就可以访问一条知情的路线。

在此示例中,传递了一个空字符串,因为在 protractor.conf.js 文件中,我们拥有所有工具配置,我们定义了我们项目的标准URL。

现在在 signin.e2e-sece 文件中,我们有以下内容:

ex:signin.e2e-specec

import { SigninPage } from "./signin.po";

describe("Testando a tela home", () => {
  let signinPage: SigninPage;
  beforeEach(() => {
    signinPage = new SigninPage();
  });

  it("Deve acessar a página Home", () => {
    expect(signinPage.acessarPaginaHome()).toBeNull();
  });
});

描述

我们首先要做 signin.po signpage类的重要性测试的测试,作为第一个parano a 描述和第二个parano的测试是回调

首先,我们定义了 signpage 的签名的方差我们将使用所有使用量角器。

然后,我们具有函数 eftereach 在其中定义,在运行测试之前,我们要拥有一个signpage实例。

函数 it 是测试本身,将执行。它接收了两部分,一个描述 回调。在功能中,我们有第一个测试

描述的是与茉莉> 相关的功能,是基于行为指导发展方法的JavaScript测试框架>。

茉莉花有自己的测试脚本测试,该测试使用网页显示执行的测试结果,需要与参考页面有关测试执行的依赖脚本,测试脚本和要测试的实现。此脚本的使用非常简单,可以在工具的文档中找到。

运行测试ð

现在,在您的应用程序中,我们将运行webdriver-manager start命令,该命令将在端口4444上执行硒,在我们的Angular项目中,您可以运行ng e2e命令,即Angular将负责运行其应用程序内的所有测试。

Testando a tela home
✓ Deve acessar a pagina Home

Executed 1 of 1 spec SUCCESS in 1 sec.

准备好,我们的第一个测试运行..

链接e eTucturage: