🧒🏻 Docker, pytest and cypress setups

backend/Dockerfile

@@ -4,7 +4,7 @@ LABEL maintainer "Kelley Chau <[email protected]>"
 
 COPY requirements.txt requirements.txt
 RUN apt-get update -y && \
-    apt-get install -y python-pip python-dev
+    apt-get install -y python3-dev python3-pkg-resources python3-setuptools python3-wheel python3-pip 
 
 RUN pip install -r requirements.txt
 
@@ -13,4 +13,4 @@ WORKDIR /app
 
 ENTRYPOINT [ "python" ]
 
-CMD [ "manage.py", "runprod" ]
+CMD [ "manage.py", "runprod" ]

backend/requirements.txt

@@ -78,6 +78,7 @@ pymongo==4.6.0 ; python_version >= "3.8" and python_version < "4.0"
 pyparsing==3.0.9 ; python_version >= "3.8" and python_version < "4.0"
 pypdf2==3.0.1 ; python_version >= "3.8" and python_version < "4.0"
 pyrebase4==4.6.0 ; python_version >= "3.8" and python_version < "4.0"
+pytest==7.3.2 ; python_version >= "3.8" and python_version < "4.0"
 python-dateutil==2.8.2 ; python_version >= "3.8" and python_version < "4.0"
 python-dotenv==1.0.0 ; python_version >= "3.8" and python_version < "4.0"
 python-editor==1.0.4 ; python_version >= "3.8" and python_version < "4.0"

backend/tests/conftest.py

@@ -4,39 +4,19 @@
 import tempfile
 import time
 from unittest import mock
-
+import pytest
 from flask_migrate import Migrate
 
 from api import create_app
 
 
 @pytest.fixture(scope="session")
-def postgres():
-    """
-    The postgres Fixture. Starts a postgres instance inside a temp directory
-    and closes it after tests are done.
-    """
-    with testing.postgresql.Postgresql() as postgresql:
-        yield postgresql
-
-
-# We spin up a temporary postgres instance
-# in which we inject it into the app
-@pytest.fixture(scope="session")
-def client(postgres):
-    config_dict = {
-        "SQLALCHEMY_DATABASE_URI": postgres.url(),
-        "DEBUG": True,
-        "SQLALCHEMY_TRACK_MODIFICATIONS": False,
-    }
-    app = create_app(config_dict)
+def client():
+    app = create_app()
     app.app_context().push()
 
     time.sleep(2)
     from api.models import db
 
-    db.create_all()
-    # for test client api reference
-    # http://flask.pocoo.org/docs/1.0/api/#test-client
     client = app.test_client()
     yield client

backend/tests/test_basic.py

@@ -1,27 +1,8 @@
-from api.models import db, Person
+from api.models import db
 
 
 # client passed from client - look into pytest for more info about fixtures
 # test client api: http://flask.pocoo.org/docs/1.0/api/#test-client
 def test_index(client):
-    rs = client.get("/")
+    rs = client.get("/api/translation/")
     assert rs.status_code == 200
-
-
-def test_get_person(client):
-    rs = client.get("/persons")
-
-    assert rs.status_code == 200
-    ret_dict = rs.json  # gives you a dictionary
-    assert ret_dict["success"] == True
-    assert ret_dict["result"]["persons"] == []
-
-    # create Person and test whether it returns a person
-    temp_person = Person(name="Tim")
-    db.session.add(temp_person)
-    db.session.commit()
-
-    rs = client.get("/persons")
-    ret_dict = rs.json
-    assert len(ret_dict["result"]["persons"]) == 1
-    assert ret_dict["result"]["persons"][0]["name"] == "Tim"

docker-compose.yml

@@ -13,6 +13,6 @@ services:
     container_name: mentee-backend
     build: ./backend
     ports:
-      - '5000:5000'
+      - '8000:8000'
     env_file:
     - ./backend/.env

mentee test case/cypress.config.js

@@ -0,0 +1,14 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    watchForFileChanges:false,
+    ensureScrollable: true,
+    parseSpecialCharSequences: false,
+    defaultCommandTimeout:4000,
+
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

mentee test case/cypress/e2e/pages/ApplyPage.js

@@ -0,0 +1,9 @@
+export class ApplyPage{
+    url() {
+        cy.url().then((url) => {
+            const extendedURL = url + '/apply';
+            cy.visit(extendedURL)
+        })
+        cy.url().should('include', '/apply')
+    }
+}

mentee test case/cypress/e2e/pages/HomePage.js

@@ -0,0 +1,34 @@
+
+
+export class HomePage {
+    componentExist() {
+        cy.url().should('eq', 'https://mentee-dev.herokuapp.com/')
+        cy.get('.css-mznafe').should('exist').and('have.attr', 'xmlns', 'http://www.w3.org/2000/svg').should('be.visible')
+
+        cy.get('.ant-space-horizontal').should('exist').should('be.visible')
+        cy.get('span.anticon.anticon-form.css-15ifzd0').should('exist').and('have.attr', 'aria-label', 'form').should('be.visible')
+        cy.get('span.anticon.anticon-global.ant-dropdown-trigger.css-c1sjzn').should('exist').and('have.attr', 'aria-label', 'global').should('be.visible')
+
+        cy.get('span.anticon.anticon-user').should('exist').and('have.attr', 'aria-label', 'user').should('be.visible')
+        cy.get('[style=""] > .ant-card').should('have.attr', 'class', 'ant-card ant-card-bordered css-ot64mz css-wxm1m1').and('contain', 'Existing').should('be.visible')
+        cy.get('span.anticon.anticon-right-circle').should('exist').and('have.attr', 'aria-label', 'right-circle').should('be.visible')
+        cy.get('.ant-card-meta-description').should('contain', 'Platform Login').should('be.visible')
+
+        cy.get('span.anticon.anticon-usergroup-add').should('exist').and('have.attr', 'aria-label', 'usergroup-add').should('be.visible')
+        cy.get(':nth-child(2) > .ant-card').should('have.attr', 'class', 'ant-card ant-card-bordered css-ot64mz css-wxm1m1').and('contain', 'New').should('be.visible')
+        cy.get('span.anticon.anticon-right-circle').should('exist').and('have.attr', 'aria-label', 'right-circle').should('be.visible')
+        cy.get('.ant-card-meta-description').should('exist').and('contain', 'Apply - Train - Build').should('be.visible')
+
+        cy.get('.css-5lbmdi').should('exist').and('be.visible').and('have.attr', 'xmlns', 'http://www.w3.org/2000/svg')
+
+    }
+
+    isClickable() {
+        cy.url().should('eq', 'https://mentee-dev.herokuapp.com/')
+        cy.get('.css-mznafe').should('have.css', 'cursor', 'pointer').and('be.visible')
+        cy.get('span.anticon.anticon-form.css-15ifzd0').should('have.css', 'cursor', 'pointer')
+        cy.get('span.anticon.anticon-global.ant-dropdown-trigger.css-c1sjzn').should('have.css', 'cursor', 'pointer')
+        cy.get('.ant-card.ant-card-bordered.css-ot64mz.css-wxm1m1').should('have.css', 'cursor', 'pointer')
+        cy.get('.ant-space-item').should('have.css', 'cursor', 'pointer')
+    }
+}

mentee test case/cypress/e2e/test/ApplyPageTest.cy.js

@@ -0,0 +1,11 @@
+import { describe } from "mocha";
+
+describe('Apply Page', () => {
+    beforeEach('Open Apply Page', () => {
+        // TODO: Will add base url from config
+        cy.visit('https://mentee-dev.herokuapp.com/apply')
+    })
+
+    it('Existance of Apply Page Components ', () => {
+    })
+})  

mentee test case/cypress/e2e/test/HomePageTest.cy.js

@@ -0,0 +1,38 @@
+import { HomePage } from "../pages/HomePage"
+
+const homePage = new HomePage()
+
+describe('HomePage', () => {
+    beforeEach('Open Home Page', () => {
+        cy.visit('https://mentee-dev.herokuapp.com/')
+    })
+
+    it('Existance of Home Page Components', () => {
+        homePage.componentExist()
+    })
+
+    it('Clickable components at Home Page ', () => {
+        homePage.isClickable()
+    })
+
+    it('should check the behavior upon click Mentee Logo', () => {
+        cy.url().should('eq', 'https://mentee-dev.herokuapp.com/')
+        cy.get('.css-mznafe').click()
+        cy.url().should('include', '/mentee-dev.herokuapp.com');
+        cy.get('.css-5lbmdi').should('be.visible');
+    })
+
+    it('should check the behavior upon Hover on "Report A Bug" Icon', () => {
+        cy.url().should('eq', 'https://mentee-dev.herokuapp.com/')
+        cy.get('.anticon.anticon-form.css-15ifzd0').trigger('mouseover')
+        cy.get('.ant-tooltip-inner').should('be.visible')
+    })
+
+    it('should check the behavior upon Hover or click on "Global" Icon', () => {
+        cy.url().should('eq', 'https://mentee-dev.herokuapp.com/')
+        cy.get('.anticon.anticon-global.ant-dropdown-trigger.css-c1sjzn').click()
+        cy.get('.anticon.anticon-global.ant-dropdown-trigger.css-c1sjzn').trigger('mouseover')
+        cy.get('.ant-dropdown-menu.ant-dropdown-menu-root.ant-dropdown-menu-vertical.ant-dropdown-menu-light.css-wxm1m1').should('be.visible')
+        cy.url().should('include', '/mentee-dev.herokuapp.com')
+    })
+})

mentee test case/cypress/fixtures/example.json

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

mentee test case/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

mentee test case/cypress/support/e2e.js

@@ -0,0 +1,21 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+import 'cypress-plugin-api'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')