fix configs

.github/workflows/tests.yml

@@ -10,6 +10,7 @@ env:
   QASE_TESTOPS_PROJECT: ${{ secrets.QASE_TESTOPS_PROJECT }}
   QASE_TESTOPS_API_TOKEN: ${{ secrets.QASE_TESTOPS_API_TOKEN }}
   QASE_ENVIRONMENT: ${{ secrets.QASE_ENVIRONMENT }}
+  HEADLESS: true
 
 jobs:
   tests_e2e:

.history/.github/workflows/tests_20241021153853.yml

@@ -0,0 +1,34 @@
+on:
+  push:
+    branches:
+    - main
+  pull_request:
+    branches:
+    - main
+
+env:
+  QASE_TESTOPS_PROJECT: ${{ secrets.QASE_TESTOPS_PROJECT }}
+  QASE_TESTOPS_API_TOKEN: ${{ secrets.QASE_TESTOPS_API_TOKEN }}
+  QASE_ENVIRONMENT: ${{ secrets.QASE_ENVIRONMENT }}
+  HEADLESS: true
+
+jobs:
+  tests_e2e:
+    name: Run end-to-end tests
+    runs-on: ubuntu-latest
+    timeout-minutes: 60
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+      - name: Install dependencies
+        run: npm ci
+      - name: Install playwright browsers
+        run: npx playwright install --with-deps
+      - name: Run tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.history/.github/workflows/tests_20241021155330.yml

@@ -0,0 +1,34 @@
+on:
+  push:
+    branches:
+    - main
+  pull_request:
+    branches:
+    - main
+
+env:
+  QASE_TESTOPS_PROJECT: ${{ secrets.QASE_TESTOPS_PROJECT }}
+  QASE_TESTOPS_API_TOKEN: ${{ secrets.QASE_TESTOPS_API_TOKEN }}
+  QASE_ENVIRONMENT: ${{ secrets.QASE_ENVIRONMENT }}
+  HEADLESS: true
+
+jobs:
+  tests_e2e:
+    name: Run end-to-end tests
+    runs-on: ubuntu-latest
+    timeout-minutes: 60
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+      - name: Install dependencies
+        run: npm ci
+      - name: Install playwright browsers
+        run: npx playwright install --with-deps
+      - name: Run tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.history/pages/recordDetail_20241021135047.ts

@@ -0,0 +1,195 @@
+import { Page } from '@playwright/test';
+import { FileUploadHelper } from '../helpers/fileUploadHelper';
+import { UIHelper } from '../helpers/uiHelper';
+import { urls } from '../data/urls';
+import { testData } from '../data/testData';
+
+export class UploadPage {
+  private fileUploadHelper: FileUploadHelper;
+  private uiHelper: UIHelper;
+  public uploadedTitle: string;
+
+  constructor(private page: Page) {
+    this.fileUploadHelper = new FileUploadHelper(page);
+    this.uiHelper = new UIHelper(page);
+    this.uploadedTitle = testData.upload.recordTitle();
+  }
+
+// NAVIGATION --------------------------------------------------------------------------
+
+  // Method to navigate directly to the homepage
+  async navigateToHome() {
+    await this.page.goto(urls.baseURL);
+    await this.page.waitForURL(urls.baseURL);
+  }
+
+  // Method to navigate directly to the new upload section
+  async navigateToUploadSection() {
+    await this.page.goto(urls.newUploadURL);
+    await this.page.waitForURL(urls.newUploadURL);
+  }
+
+  // Method to navigate to the My Dashboard page
+  async navigateToMyDashboard() {
+    await this.page.getByRole('link', { name: 'My dashboard' }).click();
+  }
+
+  // Method to navigate to the detail of a first record
+  async firstRecordDetail() {
+    await this.page.waitForSelector('//a[contains(@href, "/records/")][1]', { state: 'visible' });
+    await this.page.click('//a[contains(@href, "/records/")][1]');
+  }
+
+// FIELDS -----------------------------------------------------------------------------
+
+   // Method to upload a random file using the helper
+   async uploadRandomFile() {
+    await this.fileUploadHelper.uploadRandomFile();
+  }
+
+  // Method to fill the record 'Title'
+  async fillTitle(title: string) {
+    this.uploadedTitle = title; // Store the title here
+    await this.page.fill('input[id="metadata.title"]', title);
+  }
+
+  // Method to fill 'Family name' (or 'Creators' name) and confirm the dialog
+  async fillFamilyName(familyName: string) {
+    // Click the 'Add creator' button
+    await this.page.getByRole('button', { name: 'Add creator' }).click();
+
+    // Wait for the pop-up dialog to appear
+    await this.page.waitForSelector('input[placeholder="Family name"]');
+
+    // Fill in the 'Family name'
+    await this.page.fill('input[placeholder="Family name"]', familyName);
+
+    // Click the 'Save' button to confirm the dialog
+    await this.page.click('body > div.ui.top.aligned.page.modals.dimmer.transition.visible.active > div > div.actions > button:nth-child(3)');
+  }
+
+  // Method to select DOI option
+  async selectDOIOption(isDOIRequired: boolean) {
+    await this.page.getByText('No', { exact: true }).first().click();
+
+    if (isDOIRequired) {
+      await this.page.waitForSelector('text="Get a DOI now!"');
+      await this.page.click('text="Get a DOI now!"');
+    }
+  }
+
+  // Method to select the first element from the specified navigator (there are 5 the same) = indexing
+  async selectFirstResourceType() {
+    const firstElement = this.page.locator('#rdm-deposit-form .required.field.invenio-select-field > div').first();
+    await firstElement.click(); // Or any other action you want to perform
+  }
+
+  // Method to select 'Resource type'
+  async selectResourceType(currentlySelected: string | null) {
+    const randomResourceType = testData.upload.resourceType(currentlySelected);
+    await this.page.waitForTimeout(500);
+    await this.page.click('#rdm-deposit-form .required.field.invenio-select-field > div');
+    await this.page.waitForTimeout(500);
+    await this.page.getByRole('option', { name: randomResourceType, exact: true }).click();
+  }
+
+  // Method to change 'Resource type'
+  async changeResourceType(currentlySelected: string | null) {
+    const changeResourceType = testData.upload.resourceType(currentlySelected);
+    await this.page.waitForTimeout(1000);
+    await this.page.click('#rdm-deposit-form .required.field.invenio-select-field > div');
+    await this.page.getByRole('option', { name: changeResourceType, exact: true }).click();
+  }
+
+   // Method to fill the 'Description' in the iframe
+   async fillDescription(description: string) {
+    const iframeElement = this.page.frameLocator('iframe[id^="tiny-react"]'); // Flexible selector for the iframe (ID starting with 'tiny-react')
+    const body = iframeElement.first().locator('body#tinymce'); // Select the first iframe (if there are multiple) and then locate the body element inside the iframe
+    await body.fill(description);
+  }
+
+// BUTTONS -----------------------------------------------------------------------------
+
+  // Method to click 'Save' button
+  async clickSave() {
+    await this.uiHelper.clickButtonByText('Save');
+  }
+
+  // Method to click 'Publish' button
+  async clickPublish() {
+    await this.page.click('button:has-text("Publish")');
+  }
+
+  // Method to click 'Edit' button
+  async clickEdit() {
+    await this.page.getByRole('button', { name: 'Edit' }).click();
+  }
+
+  // Method to click the 'Save draft' button
+  async clickSaveDraft() {
+    await this.page.click('button[name="save"]');
+  }
+
+  // Method to click the 'Preview' button
+  async clickPreview() {
+    await this.page.click('button[name="preview"]');
+  }
+
+  // Method to click the 'Publish' button on the confirmation dialog
+  async clickPublishOnConfirmation() {
+    await this.page.waitForTimeout(500);
+    // Wait for the modal to be visible
+    const modalSelector = 'div.ui.small.modal.transition.visible.active';
+    await this.page.waitForSelector(modalSelector, { state: 'visible' });
+
+    // Wait for the 'Publish' button to be visible
+    const publishButtonSelector = `${modalSelector} button.ui.positive.button`;
+    const publishButton = await this.page.waitForSelector(publishButtonSelector, { state: 'visible' });
+
+    // Log before clicking for debugging
+    console.log('Clicking the Publish button...');
+
+    // Click the 'Publish' button
+    await publishButton.click();
+  }
+
+// VERIFICATION ------------------------------------------------------------------------
+
+  // Method to verify the success message
+  async verifySuccessMessage(message: string) {
+    await this.page.waitForSelector(`text=${message}`);
+  }
+
+  // Method to retrieve the description of the uploaded record
+  async getRecordDescription(): Promise<string> {
+    return await this.page.locator('#description > div').innerText();
+  }
+
+  // Method to retrieve the title of the uploaded record
+  async getRecordTitle(): Promise<string> {
+    return await this.page.locator('#record-title').innerText();
+  }
+
+  // Method to check if the record exists after publishing
+  async checkRecordExists() {
+    // Wait for the record title to be visible on the detail page
+    await this.page.waitForSelector('#record-title', { state: 'visible', timeout: 10000 });
+
+    // Get the title text from the element
+    const titleText = await this.page.textContent('#record-title');
+
+    // Check if the title matches the uploaded title
+    if (titleText?.trim() === this.uploadedTitle) {
+      console.log(`Record with title "${this.uploadedTitle}" exists.`);
+      return true;
+    } else {
+      console.error(`Expected title "${this.uploadedTitle}", but found "${titleText?.trim()}".`);
+      return false;
+    }
+  }
+
+  // Method for implicit waiting (2 seconds)
+  async waitForTwoSeconds() {
+    await this.page.waitForTimeout(2000); // Waits for 2 seconds
+  }
+}