Month 13/step 1

.editorconfig

@@ -0,0 +1,45 @@
+# http://editorconfig.org
+
+
+# A special property that should be specified at the top of the file outside of
+
+# any sections. Set to true to stop .editor config file search on current file
+
+root = true
+
+[*]
+# Indentation style
+
+# Possible values - tab, space
+
+indent_style = space
+
+# Indentation size in single-spaced characters
+
+# Possible values - an integer, tab
+
+indent_size = 2
+
+# Line ending file format
+
+# Possible values - lf, crlf, cr
+
+end_of_line = lf
+
+# File character encoding
+
+# Possible values - latin1, utf-8, utf-16be, utf-16le
+
+charset = utf-8
+
+# Denotes whether to trim whitespace at the end of lines
+
+# Possible values - true, false
+
+trim_trailing_whitespace = true
+
+# Denotes whether file should end with a newline
+
+# Possible values - true, false
+
+insert_final_newline = true

.gitignore

@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.editorconfig
 
 npm-debug.log*
 yarn-debug.log*

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "cSpell.enabled": true,
+    "cSpell.language": "en,ru"
+}

cypress.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

cypress/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "plugins": ["cypress"],
+  "extends": ["plugin:cypress/recommended"]
+}

cypress/e2e/fibo-tests.cy.js

@@ -0,0 +1,70 @@
+describe("Тесты страницы вывода последовательности Фибоначчи", () => {
+  beforeEach(function () {
+    cy.visit("http://localhost:3000/fibonacci");
+  });
+
+  describe("Проверка состояния кнопки", function () {
+    it("Кнопка верно меняет значение атрибута disabled", function () {
+      cy.contains("Развернуть").as("button");
+      cy.get("@button").should("be.disabled");
+      cy.get("input").type("123");
+      cy.get("@button").should("not.be.disabled");
+      cy.get("input").clear();
+      cy.get("@button").should("be.disabled");
+    });
+  });
+
+  describe("Проверка работы анимации алгоритма", function () {
+    it("Корректно выводит последовательность Фибоначчи", function () {
+      cy.get("input").type("4");
+      cy.contains("Развернуть").click();
+      cy.get("[class*=circle_circle]")
+        .should("have.length", 1)
+        .each(($el, index) => {
+          if (index === 0) expect($el).to.contain("1");
+        });
+
+      cy.wait(500);
+
+      cy.get("[class*=circle_circle]")
+        .should("have.length", 2)
+        .each(($el, index) => {
+          if (index === 0) expect($el).to.contain("1");
+          if (index === 1) expect($el).to.contain("1");
+        });
+
+      cy.wait(500);
+
+      cy.get("[class*=circle_circle]")
+        .should("have.length", 3)
+        .each(($el, index) => {
+          if (index === 0) expect($el).to.contain("1");
+          if (index === 1) expect($el).to.contain("1");
+          if (index === 2) expect($el).to.contain("2");
+        });
+
+      cy.wait(500);
+
+      cy.get("[class*=circle_circle]")
+        .should("have.length", 4)
+        .each(($el, index) => {
+          if (index === 0) expect($el).to.contain("1");
+          if (index === 1) expect($el).to.contain("1");
+          if (index === 2) expect($el).to.contain("2");
+          if (index === 3) expect($el).to.contain("3");
+        });
+
+      cy.wait(500);
+
+      cy.get("[class*=circle_circle]")
+        .should("have.length", 5)
+        .each(($el, index) => {
+          if (index === 0) expect($el).to.contain("1");
+          if (index === 1) expect($el).to.contain("1");
+          if (index === 2) expect($el).to.contain("2");
+          if (index === 3) expect($el).to.contain("3");
+          if (index === 4) expect($el).to.contain("5");
+        });
+    });
+  });
+});

cypress/e2e/is-available.cy.js

@@ -0,0 +1,5 @@
+describe('приложение запущено', function() {
+  it('приложение доступно по адресу localhost:3000', function() {
+    cy.visit('http://localhost:3000');
+  });
+});