cyrpress wip not working yet

Author: perfetti

.gitignore

@@ -129,3 +129,4 @@ dist
 .yarn/install-state.gz
 .pnp.*
 .vscode/
+.DS_Store

compose.yaml

@@ -19,6 +19,12 @@ services:
       - DATABASE_HOST=${DATABASE_HOST}
       - DATABASE_USERNAME=${DATABASE_USERNAME}
       - RAILS_ENV=${RAILS_ENV}
+      - BIND=tcp://0.0.0.0:3000
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:3000/api/ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 3
     depends_on:
       db:
         condition: service_healthy
@@ -61,6 +67,20 @@ services:
     networks:
       - app-network
 
+  test:
+    build: ./test
+    networks:
+      - app-network
+    volumes:
+      - ./test:/app
+    environment:
+      - CYPRESS_BASE_URL=http://nginx:80
+    depends_on:
+      - nginx
+      - api
+      - frontend
+      - backend
+
 networks:
   app-network:
     driver: bridge

nginx/default.conf

@@ -19,7 +19,6 @@ server {
         proxy_http_version 1.1;      # Required for WebSocket
         proxy_buffering off;         # Disable buffering for real-time communication
 
-
         proxy_pass http://frontend:3000;
         proxy_redirect off;
     }

repo_refs/rails-app

@@ -1 +1 @@
-Subproject commit 1ad36c4eb184bd9fd9e6142a1d482b2e2ed99047
+Subproject commit f488bd28da264631b4c7d38818f0c1d5bad7f20e

test/Dockerfile

@@ -1,13 +1,30 @@
-FROM cypress/included:13.6.1
+FROM node:18
+
+# Install Cypress dependencies
+RUN apt-get update && apt-get install -y \
+    libgtk2.0-0 \
+    libgtk-3-0 \
+    libgbm-dev \
+    libnotify-dev \
+    libgconf-2-4 \
+    libnss3 \
+    libxss1 \
+    libasound2 \
+    libxtst6 \
+    xauth \
+    xvfb \
+    && rm -rf /var/lib/apt/lists/*
 
 WORKDIR /app
 
 # Copy package files
 COPY package*.json ./
+
+# Install dependencies
 RUN npm install
 
-# Copy Cypress files
-COPY cypress.config.js .
-COPY cypress/ ./cypress/
+# Copy the rest of the application
+COPY . .
 
-CMD ["cypress", "run"]
+# Keep container running for development
+CMD ["tail", "-f", "/dev/null"]

test/README.md

@@ -0,0 +1,77 @@
+# Cypress Tests
+
+This directory contains end-to-end tests using Cypress for the Books application.
+
+## Setup
+
+The tests can be run either locally or through Docker, depending on your preference during development.
+
+### Local Development
+
+1. Install dependencies:
+
+```bash
+npm install
+```
+
+2. Make sure the application is running (docker compose up):
+
+   - Frontend at http://localhost:8089
+   - Backend at http://localhost:8089/backend
+   - API at http://localhost:8089/api
+
+3. Run tests:
+
+```bash
+# Open Cypress GUI for development
+npm run test:local
+
+# Run tests headlessly
+npm test
+```
+
+### Docker Environment
+
+The tests can also be run through Docker, which is how they'll run in CI/CD:
+
+```bash
+# Run tests headlessly in Docker
+npm run test:docker
+
+# Open Cypress GUI in Docker
+npm run test:docker:open
+```
+
+## Test Data Helpers
+
+The `cypress/support/test_data.js` file provides helper commands for managing test data:
+
+- `cy.resetTestData()` - Clears all test data
+- `cy.createTestData(data)` - Creates test data using factory_bot factories
+- `cy.setupProvisionalBook(title)` - Creates a book with provisional status
+- `cy.setupApprovedBook(title)` - Creates a book with approved status
+- `cy.setupBookWithAuthorAndPublisher(options)` - Creates a book with associated author and publisher
+
+Example usage:
+
+```javascript
+beforeEach(() => {
+  cy.resetTestData();
+});
+
+it("displays approved books", () => {
+  cy.setupApprovedBook("Test Book");
+  cy.visit("/");
+  cy.contains("Test Book");
+});
+```
+
+## Configuration
+
+The tests are configured to work in both local and Docker environments:
+
+- Local development uses http://localhost:8089
+- Docker environment uses http://nginx:80
+- The base URL can be overridden with the CYPRESS_BASE_URL environment variable
+
+See `cypress.config.js` for more configuration options.

test/cypress.config.js

@@ -2,7 +2,7 @@ const { defineConfig } = require("cypress");
 
 module.exports = defineConfig({
   e2e: {
-    baseUrl: "http://localhost:3050",
+    baseUrl: process.env.CYPRESS_BASE_URL || "http://localhost:8089",
     setupNodeEvents(on, config) {
       // implement node event listeners here
     },

test/cypress/e2e/books_flow.cy.js

@@ -1,7 +1,7 @@
 describe("Books Flow", () => {
   beforeEach(() => {
     // Reset database before each test
-    cy.request("POST", "/api/test_data/reset");
+    cy.resetTestData();
   });
 
   it("allows proposing and approving books", () => {
@@ -56,8 +56,10 @@ describe("Books Flow", () => {
   });
 
   it("displays test data books", () => {
-    // Load test data
-    cy.request("POST", "/api/test_data/load");
+    // Setup test books
+    cy.setupApprovedBook("Test Book 1");
+    cy.setupApprovedBook("Test Book 2");
+    cy.setupApprovedBook("Test Book 3");
 
     // Visit React1 app
     cy.visit("/");
@@ -67,4 +69,22 @@ describe("Books Flow", () => {
     cy.contains("Test Book 2");
     cy.contains("Test Book 3");
   });
+
+  it("displays books with authors and publishers", () => {
+    // Setup a book with author and publisher
+    cy.setupBookWithAuthorAndPublisher({
+      bookTitle: "Complete Guide to Testing",
+      authorName: "Jane Tester",
+      publisherName: "Test Publishing House",
+      status: "approved",
+    });
+
+    // Visit React1 app
+    cy.visit("/");
+
+    // Verify book details
+    cy.contains("Complete Guide to Testing");
+    cy.contains("Jane Tester");
+    cy.contains("Test Publishing House");
+  });
 });

test/cypress/e2e/connectivity.cy.js

@@ -0,0 +1,42 @@
+describe("Service Connectivity", () => {
+  it("can access frontend", () => {
+    cy.visit("/");
+    cy.contains("Book List").should("exist");
+  });
+
+  it("can access backend", () => {
+    cy.visit("/backend/");
+    cy.contains("Provisional Books").should("exist");
+  });
+
+  it("can access API", () => {
+    // Add retry logic for API readiness
+    cy.request({
+      url: "/api/test_data/factories",
+      retryOnStatusCodeFailure: true,
+      timeout: 30000,
+    }).then((response) => {
+      expect(response.status).to.eq(200);
+      expect(response.body).to.have.property("factories");
+    });
+  });
+
+  it("can use test data helpers", () => {
+    // Wait for API to be ready before using test data helpers
+    cy.request({
+      url: "/api/test_data/factories",
+      retryOnStatusCodeFailure: true,
+      timeout: 30000,
+    }).then(() => {
+      // Reset test data
+      cy.resetTestData();
+
+      // Create a test book
+      cy.setupApprovedBook("Connectivity Test Book");
+
+      // Verify the book appears
+      cy.visit("/");
+      cy.contains("Connectivity Test Book", { timeout: 10000 }).should("exist");
+    });
+  });
+});