Test/document tests single test

.github/docker/docker-compose.yml

@@ -16,15 +16,18 @@ services:
   api:
     image: etenlab/crowd-rocks:test
     environment:
-      CR_DB_URL: postgres
-      CR_DB_PORT: 5432
-      CR_DB_USER: postgres
-      CR_DB_PASSWORD: asdfasdf
-      CR_DB: crowdrocks
-      ADMIN_PASSWORD: asdfasdf
-      MODE: DEV
-      OPENAI_API_KEY: asdf
-      DEEPL_KEY: asdf
+      - AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID}
+      - AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY}
+      - AWS_REGION=${AWS_REGION}
+      - CR_DB_URL=postgres
+      - CR_DB_PORT=5432
+      - CR_DB_USER=postgres
+      - CR_DB_PASSWORD=asdfasdf
+      - CR_DB=crowdrocks
+      - ADMIN_PASSWORD=asdfasdf
+      - MODE=DEV
+      - OPENAI_API_KEY=asdf
+      - DEEPL_KEY=asdf
     ports:
       - 3000:3000
     depends_on:

.github/workflows/test.yml

@@ -20,6 +20,13 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-access-key-id: ${{ secrets.AWS_GITHUB_S3_PUSHER_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_GITHUB_S3_PUSHER_SECRET_ACCESS_KEY }}
+          aws-region: us-east-2
+
       - name: Extract metadata (tags, labels) for Docker
         id: meta
         uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
@@ -35,30 +42,30 @@ jobs:
           labels: ${{ steps.meta.outputs.labels }}
           build-args: BUILD_MODE=test
 
-  test-api-e2e:
-    runs-on: ubuntu-latest
-    needs: test-buildable
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v1
+  # test-api-e2e:
+  #   runs-on: ubuntu-latest
+  #   needs: test-buildable
+  #   steps:
+  #     - name: Checkout
+  #       uses: actions/checkout@v1
 
-      - uses: isbang/[email protected]
-        with:
-          compose-file: "./.github/docker/docker-compose.yml"
-          down-flags: "--volumes"
-          services: |
-            postgres
+  #     - uses: isbang/[email protected]
+  #       with:
+  #         compose-file: "./.github/docker/docker-compose.yml"
+  #         down-flags: "--volumes"
+  #         services: |
+  #           postgres
 
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16
+  #     - uses: actions/setup-node@v3
+  #       with:
+  #         node-version: 16
 
-      - run: cd utils && npm ci
+  #     - run: cd utils && npm ci
 
-      - run: cd api && cp .env.example .env && yarn install
+  #     - run: cd api && cp .env.example .env && yarn install
 
-      - name: Test
-        run: cd api && yarn test:e2e
+  #     - name: Test
+  #       run: cd api && yarn test:e2e
 
   test-frontend-playwright:
     runs-on: ubuntu-latest
@@ -75,9 +82,11 @@ jobs:
         with:
           compose-file: "./.github/docker/docker-compose.yml"
           down-flags: "--volumes"
-          services: |
-            postgres
-            api
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_GITHUB_S3_PUSHER_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_GITHUB_S3_PUSHER_SECRET_ACCESS_KEY }}
+          AWS_REGION: us-east-2
+
 
       - run: cd utils && npm ci
 
@@ -86,9 +95,16 @@ jobs:
       - name: Install Playwright Browsers
         run: cd frontend && npx playwright install --with-deps
 
+      - name: Show logs before Playwright tests
+        run: docker-compose -f "./.github/docker/docker-compose.yml" logs
+
       - name: Run Playwright tests
         run: cd frontend && npx playwright test
 
+      - name: Logs after playwright tests
+        if: always()        
+        run: docker-compose -f "./.github/docker/docker-compose.yml" logs
+
       - uses: actions/upload-artifact@v3
         if: always()
         with:

api/src/common/types.ts

@@ -40,6 +40,7 @@ export enum ErrorType {
   FileRecordNotFound = 'FileRecordNotFound',
   FileSaveFailed = 'FileSaveFailed',
   FileUpdateFailed = 'FileUpdateFailed',
+  FileUploadFailed = 'FileUploadFailed',
   FileDeleteFailed = 'FileDeleteFailed',
   FileWithFilenameAlreadyExists = 'FileWithFilenameAlreadyExists',
   FolderIdNotDefined = 'FolderIdNotDefined',

api/src/components/file/file.service.ts

@@ -185,7 +185,12 @@ export class FileService {
       });
     } catch (err) {
       Logger.log(`File upload failed. #file_name[${fileName}]`, err);
-      return { error: ErrorType.FileUpdateFailed, file: null };
+      return {
+        error: `${JSON.stringify(err)}, [AWS_REGION env]: ${
+          process.env.AWS_REGION
+        }` as ErrorType.FileUploadFailed,
+        file: null,
+      };
     }
   }
 

api/src/core/database-version-control.service.ts

@@ -27,6 +27,10 @@ export class DatabaseVersionControlService {
 
       if (!exists) {
         console.log('Creating database schema');
+        console.log(
+          `env  AWS_REGION ${process.env.AWS_REGION} AWS_ACCESS_KEY_ID ${process.env.AWS_ACCESS_KEY_ID}`,
+          'FileService#constructor',
+        );
         await this.loadVersion1();
       }
 

api/src/main.ts

@@ -1,13 +1,20 @@
 import { NestFactory } from '@nestjs/core';
 import { graphqlUploadExpress } from 'graphql-upload-ts';
 import { AppModule } from './app.module';
+import * as dotenv from 'dotenv';
+dotenv.config();
 
 async function bootstrap() {
+  console.log(
+    `==============>  env  AWS_REGION ${process.env.AWS_REGION} AWS_ACCESS_KEY_ID ${process.env.AWS_ACCESS_KEY_ID}`,
+    'FileService#constructor',
+  );
   const app = await NestFactory.create(AppModule);
   app.enableCors({
     origin: '*',
     allowedHeaders: '*',
   });
+
   app.use(
     '/graphql',
     graphqlUploadExpress({

frontend/playwright.config.ts

@@ -43,7 +43,7 @@ export default defineConfig({
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
-      timeout: 300 * 1000,
+      timeout: 10 * 1000,
     },
 
     // {

frontend/tests/constants/DocumentConstants.ts

@@ -0,0 +1,17 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// Define the base directory for test data
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const baseTestDataDirectory = path.join(__dirname, '../testData/');
+
+// Define the constants
+const constants = {
+  filePath: (documentName: string) =>
+    path.join(baseTestDataDirectory, documentName),
+  invalidFile: path.join(baseTestDataDirectory, 'gifSample.gif'),
+  fileContent: 'Hello, this is the content of the file.',
+};
+
+export default constants;

frontend/tests/pages/Community/CommonPage.ts

@@ -28,7 +28,7 @@ class CommonPage extends BasePage {
     return await this.page.getByRole('heading', { name: name }).isVisible();
   }
   async getValidationMessage() {
-    return await this.page.locator(`.toast-message`).textContent();
+    return await this.page.locator(`.toast-message`).last().textContent();
   }
 }
 export default CommonPage;

frontend/tests/pages/Community/DocumentsPage.ts

@@ -0,0 +1,99 @@
+import BasePage from '../BasePage';
+
+const addNewDocumentButton = `(//span[text()='Select your language']//..//..//div)[4]//button`;
+const selectedLanguage = (languageName: string) =>
+  `//h4[text()='${languageName}']`;
+const languageName = (language: string) =>
+  `//h5[text()='${language}']//..//input`;
+const documents = (documentName: string) => `//p[text()='${documentName}']`;
+const meatBallsMenuButton = (documentName: string) =>
+  `//p[text()='${documentName}']//..//..//button`;
+
+class DocumentsPage extends BasePage {
+  async isPageTitleVisible() {
+    return await this.page.locator(`//h2[text()='Documents']`).isVisible();
+  }
+  async isDocumentDetailsPageVisible() {
+    return await this.page
+      .getByRole('heading', { name: 'Details' })
+      .isVisible();
+  }
+  async clickOnSelectYourLanguageDropdown() {
+    await this.page
+      .getByRole('heading', { name: 'Select your language' })
+      .click();
+  }
+  async clickOnSelectDocumentLanguageDropdown() {
+    await this.page
+      .getByRole('heading', { name: 'Select document language' })
+      .click();
+  }
+  async isSelectYourLanguagePopupVisible() {
+    return await this.page
+      .locator(`//h2[text()='Select your language']`)
+      .first()
+      .isVisible();
+  }
+  async isAddNewDocumentPopupVisible() {
+    return await this.page
+      .getByRole('heading', { name: 'Add new document' })
+      .isVisible();
+  }
+  async selectLanguage(language: string) {
+    await this.page
+      .getByRole('textbox', { name: 'Search by language...' })
+      .fill(language);
+    await this.page.locator(languageName(language)).first().click();
+    await this.page.getByRole('button', { name: 'Confirm' }).click();
+  }
+  async isLanguageSelected(languageName: string) {
+    return await this.page
+      .locator(selectedLanguage(languageName))
+      .last()
+      .isVisible();
+  }
+  async clickOnAddNewDocumentPopupCrossButton() {
+    await this.page.getByRole('button').first().click();
+  }
+  async clickOnCrossButton() {
+    await this.page.click(
+      `(//span[text()='Select your language']//..//..//div)[2]//button`,
+    );
+  }
+  async clickOnAddNewDocumentsButton() {
+    await this.page.click(addNewDocumentButton);
+  }
+  async clickOnCancelButton() {
+    await this.page.getByRole('button', { name: 'Cancel' }).click();
+  }
+  async uploadTextFile(filePath: string) {
+    await this.page.setInputFiles('input[type="file"]', filePath);
+  }
+  async clickOnUploadButton() {
+    await this.page.getByRole('button', { name: 'Upload' }).click();
+  }
+  async searchDocuments(documentName: string) {
+    await this.page
+      .getByPlaceholder(`Search by document...`)
+      .fill(documentName);
+    await this.page.waitForTimeout(1000);
+  }
+  async clickOnDocument(documentName: string) {
+    await this.page.locator(documents(documentName)).click();
+  }
+  async isCreatedDocumentVisible(documentName: string) {
+    return await this.page.locator(documents(documentName)).isVisible();
+  }
+  async clickOnMeatBallsMenuButton(documentName: string) {
+    await this.page.locator(meatBallsMenuButton(documentName)).click();
+  }
+  async clickOnGoToDocumentsButton() {
+    await this.page.getByRole('button', { name: 'Go to Documents' }).click();
+  }
+  async downloadDocument(documentName: string) {
+    await this.clickOnMeatBallsMenuButton(documentName);
+    await this.page.getByRole('button', { name: 'Download' }).click();
+  }
+}
+
+export default DocumentsPage;

frontend/tests/pages/HomePage.ts

@@ -3,6 +3,7 @@ import BasePage from './BasePage';
 const homePageTitle =
   '//div[@class="section"]/ion-item-group//ion-label[text() = "Media"]';
 const homePageText = `//ion-label[text()]`;
+const headerText = '#crowd-rock-app #app-name-text';
 const expandIcon = '#app-menu-button';
 const languageText = '//ion-label[text() = "Language"]';
 
@@ -11,7 +12,9 @@ class HomePage extends BasePage {
     await this.page.locator(homePageTitle).waitFor();
     return await this.page.locator(homePageTitle).isVisible();
   }
-
+  async clickOnCrowdRocks() {
+    await this.page.locator(headerText).first().click();
+  }
   async getHomePageTitle() {
     return await this.page.locator(homePageText).first().textContent();
   }
@@ -33,6 +36,12 @@ class HomePage extends BasePage {
       .filter({ hasText: 'Forums' })
       .click();
   }
+  async clickOnTheDocumentsSection() {
+    await this.page
+      .locator('ion-card-header')
+      .filter({ hasText: 'Documents' })
+      .click();
+  }
 }
 
 export default HomePage;

frontend/tests/pages/MenuPage.ts

@@ -1,6 +1,7 @@
 import BasePage from './BasePage';
 
 const headerText = '#crowd-rock-app #app-name-text';
+
 const leftMenuFeatureButton = (featureName: string) =>
   `//h4[text()="${featureName}"]`;
 
@@ -18,10 +19,6 @@ class MenuPage extends BasePage {
     await this.page.locator(leftMenuFeatureButton(featureName)).first().click();
     await this.page.waitForTimeout(1000);
   }
-
-  async clickOnCrowdRocks() {
-    await this.page.locator(headerText).first().click();
-  }
 }
 
 export default MenuPage;