Merge 6689dc6 into c1572a8

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/integration/finding-words.e2e.js

@@ -1,29 +1,74 @@
-describe('Clicking N should turn button green', function() {
-  it('finds N, clicks it and it should turn green', function() {
-    cy.visit('http://localhost:3000/')
+describe("Clicking N should turn button green", function() {
+  it("finds N, clicks it and it should turn green", function() {
+    cy.visit("http://localhost:3000/");
 
-    cy.get('.grid')
-      .contains('N')
-      .should('not.have.class', 'green')
+    cy.get(".grid")
+      .contains("N")
+      .should("not.have.class", "green");
 
-    cy.get('.grid')
-      .contains('N')
+    cy.get(".grid")
+      .contains("N")
       .click()
-      .should('have.class', 'green')
-  })
-})
+      .should("have.class", "green");
+  });
 
-describe('First clicking O should turn button orange', function() {
-  it('finds O, clicks it and it should turn orange', function() {
-    cy.visit('http://localhost:3000/')
+  it("finds O R A, clicks them", function() {
+    cy.get(".grid")
+      .contains("O")
+      .click()
+      .should("have.class", "green");
+
+    cy.get(".grid")
+      .contains("R")
+      .click()
+      .should("have.class", "green");
+
+    cy.get(".grid")
+      .contains("A")
+      .click()
+      .should("have.class", "green");
+  });
+
+  it("clicks new game button, starts new game", function() {
+    cy.get(".overlay-content > .button").click();
+
+    cy.get(".grid")
+      .contains("N")
+      .should("not.have.class", "green");
+
+    cy.get(".grid")
+      .contains("N")
+      .click()
+      .should("have.class", "green");
+  });
+});
+
+describe("First clicking O should turn button orange", function() {
+  it("finds O, clicks it and it should turn orange", function() {
+    cy.visit("http://localhost:3000/");
+
+    cy.get(".grid")
+      .contains("O")
+      .should("not.have.class", "green");
+
+    cy.get(".grid")
+      .contains("O")
+      .click()
+      .should("have.class", "orange");
+  });
+});
+
+describe("First clicking O should turn button orange", function() {
+  it("finds O, clicks it and it should turn orange", function() {
+    cy.visit("http://localhost:3000/");
 
-    cy.get('.grid')
-      .contains('O')
-      .should('not.have.class', 'green')
+    cy.get(".grid")
+      .contains("O")
+      .should("not.have.class", "green");
 
-    cy.get('.grid')
-      .contains('O')
+    cy.get(".grid")
+      .contains("O")
       .click()
-      .should('have.class', 'orange')
-  })
-})
+      .should("have.class", "orange");
+  });
+});

package.json

@@ -52,9 +52,6 @@
     "redux": "^4.0.1",
     "tslint": "^5.18.0"
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "browserslist": [
     ">1%",
     "not dead",