feat: first atempt write tests applying screenplay pattern

Author: thiagojacinto

cypress/fixtures/repositorios.json

@@ -0,0 +1,9 @@
+{
+  "lista": [
+    "thiagojacinto/es6-review",
+    "cypress-io/cypress-example-recipes",
+    "rust-lang/rust",
+    "hapijs/hapi",
+    "cli/cli"
+  ]
+}

cypress/integration/screenplay/adicionar/Tarefas/AcessarHome.tarefa.js

@@ -0,0 +1,16 @@
+import { Tarefa, Agente } from "../../../../support/screenplay"; //eslint-disable-line
+/**
+ * @class {Tarefa} que representa navegar para homescreen.
+ */
+export class AcessarHome extends Tarefa {
+  /**
+   * Navega para a homescreen.
+   * @param {Agente} agente
+   * @returns {Agente} agente
+   */
+  executaComo(agente) {
+    cy.visit(""); // cypress.json setting baseUrl
+    cy.viewport("samsung-note9");
+    return agente;
+  }
+}

cypress/integration/screenplay/adicionar/Tarefas/ExibirLista.tarefa.js

@@ -0,0 +1,29 @@
+import Agente from "../../../../support/screenplay/agente/Agente"; //eslint-disable-line
+import { Tarefa } from "../../../../support/screenplay/tarefa";
+import { ELEMENTS } from "../../componentes/home.componentes";
+/**
+ * @class {Tarefa} que retorna os repositórios expostos na lista.
+ */
+export class ExibirLista extends Tarefa {
+  /**
+   * Insere o número esperado a ser exibido na lista
+   * @param {number} quantidade de repositórios a serem exibidos
+   * @default 1
+   */
+  contendo(numero = 1) {
+    this.numero = numero;
+  }
+
+  /**
+   * Ver.
+   * @param {Agente} agente
+   * @returns {Agente} agente
+   */
+  executaComo(agente) {
+    cy.get(ELEMENTS.listItems, { timeout: 3000 }).should(
+      "have.length",
+      this.numero || 1
+    );
+    return agente;
+  }
+}

cypress/integration/screenplay/adicionar/Tarefas/ExibirListaContendoTres.tarefa.js

@@ -0,0 +1,11 @@
+import { ExibirLista } from "./ExibirLista.tarefa";
+/**
+ * @class ExibirListaContendoTresItems
+ * @classdesc extende o comportamento da class ExibirLista e verifica se a lista apresenta 3 items.
+ */
+export class ExibirListaContendoTres extends ExibirLista {
+  constructor() {
+    super();
+    this.numero = 3;
+  }
+}

cypress/integration/screenplay/adicionar/Tarefas/InserirNovoRepositorio.tarefa.js

@@ -0,0 +1,46 @@
+import Agente from "../../../../support/screenplay/agente/Agente"; //eslint-disable-line
+import { Tarefa } from "../../../../support/screenplay/tarefa";
+import { ELEMENTS } from "../../componentes/home.componentes";
+/**
+ * @class {Tarefa} que representa inserir novo repositório a lista.
+ */
+export class InserirNovoRepositorio extends Tarefa {
+  /**
+   * Insere o username do usuário do GitHub
+   * @param {string} username do usuario no GitHub
+   * @default "cypress-io"
+   */
+  doUsuario(usuario = "cypress-io") {
+    this.usuario = usuario;
+    return this;
+  }
+  /**
+   * Insere o repositório do usuário disponível publicamente no GitHub
+   * @param {string} repositorio mesmo nome público do repositório disponível no GitHub
+   * @default "cypress-example-recipes"
+   */
+  comNome(repositorio = "cypress-example-recipes") {
+    this.repositorio = repositorio;
+    return this;
+  }
+
+  /**
+   * Adiciona novo repositório.
+   * @param {Agente} agente
+   * @returns {Agente} agente
+   */
+  executaComo(agente) {
+    cy.fixture("repositorios.json").then(data => {
+      let random = Math.floor(Math.random() * data.lista.length);
+      // let [usuario, repositorio] = data.lista[random].split("/");
+      // cy.get(ELEMENTS.input).type(`${usuario}/${repositorio}`);
+      cy.get(ELEMENTS.input).type(data.lista[random]);
+    });
+    cy.get(ELEMENTS.submitButton)
+      .focus()
+      .click()
+      .wait(200);
+    cy.get(ELEMENTS.listItems, { timeout: 3000 });
+    return agente;
+  }
+}

cypress/integration/screenplay/adicionar/Tarefas/index.js

@@ -0,0 +1,3 @@
+export * from "./AcessarHome.tarefa";
+export * from "./InserirNovoRepositorio.tarefa";
+export * from "./ExibirLista.tarefa";

cypress/integration/screenplay/adicionar/adicionar.screenplay.spec.js

@@ -0,0 +1,27 @@
+/* eslint-disable no-undef */
+/// <reference types="cypress" />
+import { e, dado, quando, entao, Usuario } from "../../../support/screenplay";
+import { AcessarHome, ExibirLista, InserirNovoRepositorio } from "./Tarefas";
+import { ExibirListaContendoTres } from "./Tarefas/ExibirListaContendoTres.tarefa";
+
+describe("Adicionar", () => {
+  describe("Dado que esteja na home", () => {
+    const usuario = new Usuario("Thiago");
+
+    beforeEach(() => {
+      dado(usuario).tenta(AcessarHome);
+    });
+
+    it("Adicionar repositório a lista", () => {
+      quando(usuario).tenta(InserirNovoRepositorio);
+      entao(usuario).deve(ExibirLista);
+    });
+
+    it("Adicionar mais de um repositório a lista", () => {
+      quando(usuario).tenta(InserirNovoRepositorio);
+      e(usuario).tenta(InserirNovoRepositorio);
+      e(usuario).tenta(InserirNovoRepositorio);
+      entao(usuario).deve(ExibirListaContendoTres);
+    });
+  });
+});

cypress/integration/screenplay/componentes/home.componentes.js

@@ -0,0 +1,8 @@
+export const ELEMENTS = {
+  input: "input#repository__input",
+  submitButton: "button#btn__add",
+  clearButton: "button#btn__clear_all",
+  unorderedList: "ul#repo__list",
+  listItems: "ul#repo__list li",
+  listItemRemoveButton: `[name="btn__remove"]`
+};