DocSpace-client/packages/client/tests/translation_tests.js

// (c) Copyright Ascensio System SIA 2010-2024
//
// This program is a free software product.
// You can redistribute it and/or modify it under the terms
// of the GNU Affero General Public License (AGPL) version 3 as published by the Free Software
// Foundation. In accordance with Section 7(a) of the GNU AGPL its Section 15 shall be amended
// to the effect that Ascensio System SIA expressly excludes the warranty of non-infringement of
// any third-party rights.
//
// This program is distributed WITHOUT ANY WARRANTY, without even the implied warranty
// of MERCHANTABILITY or FITNESS FOR A PARTICULAR  PURPOSE. For details, see
// the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
//
// You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia, EU, LV-1021.
//
// The  interactive user interfaces in modified source and object code versions of the Program must
// display Appropriate Legal Notices, as required under Section 5 of the GNU AGPL version 3.
//
// Pursuant to Section 7(b) of the License you must retain the original Product logo when
// distributing the program. Pursuant to Section 7(e) we decline to grant you any rights under
// trademark law for use of our trademarks.
//
// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode

const Endpoints = require("./mocking/endpoints.js");
const changeCulture = require("./helpers/changeCulture.js");
const config = require("../../../../../buildtools/config/appsettings.json");
const ignoringCultures = require("./ignoringCultures.json");

const isModel = !!process.env.MODEL;

const cultures = isModel ? ["en"] : config.web.cultures.split(",");

const settingsTranslationFile = `settingsTranslation`;

const featureName = isModel
  ? `Files translation(model) `
  : `Files translation tests`;

Feature(featureName, { timeout: 90 });

Before(async ({ I }) => {
  I.mockData();
});

for (const culture of cultures) {
  Scenario(`Main page test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.mainPage.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.see("My documents");
    I.saveScreenshot(`${culture}-main-page.png`);
    I.seeVisualDiff(`${culture}-main-page.png`, {
      tolerance: 0.025,
      prepareBaseImage: false,
      // ignoredBox: { top: 0, left: 0, bottom: 0, right: 1720 },
    });
  });

  Scenario(`Profile menu test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.profileMenu.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.openProfileMenu();
    I.wait(3);
    I.saveScreenshot(`${culture}-profile-menu.png`);
    I.seeVisualDiff(`${culture}-profile-menu.png`, {
      tolerance: 0.05,
      prepareBaseImage: false,
    });
  });

  Scenario(`Main button test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.mainButton.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.seeElement({ react: "MainButton" });
    I.click({ react: "MainButton" });
    I.wait(3);
    I.saveScreenshot(`${culture}-main-button.png`);
    I.seeVisualDiff(`${culture}-main-button.png`, {
      tolerance: 0.01,
      prepareBaseImage: false,
      ignoredBox: { top: 0, left: 256, bottom: 0, right: 0 },
    });
  });

  Scenario(`Table settings test ${culture}`, { timeout: 30 }, ({ I }) => {
    const isException = ignoringCultures.tableSettings.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.seeElement({ react: "TableSettings" });
    I.click({ react: "TableSettings" });
    I.wait(3);
    I.saveScreenshot(`${culture}-table-settings.png`);
    I.seeVisualDiff(`${culture}-table-settings.png`, {
      tolerance: 0.07,
      prepareBaseImage: false,
      ignoredBox: { top: 0, left: 0, bottom: 0, right: 1770 },
    });
  });

  Scenario(`Add button test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.addButton.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.seeElement({
      react: "ContextMenuButton",
      props: { className: "add-button" },
    });
    I.click({ react: "ContextMenuButton", props: { className: "add-button" } });
    I.wait(3);
    I.saveScreenshot(`${culture}-add-button.png`);
    I.seeVisualDiff(`${culture}-add-button.png`, {
      tolerance: 0.01,
      prepareBaseImage: false,
    });
  });

  Scenario(`Sort menu test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.sortMenu.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.switchView("tile");
    I.seeElement({
      react: "IconButton",
      props: { className: "sort-icon" },
    });
    I.click({ react: "IconButton", props: { className: "sort-icon" } });
    I.wait(3);
    I.saveScreenshot(`${culture}-sort-menu.png`);
    I.seeVisualDiff(`${culture}-sort-menu.png`, {
      tolerance: 0.01,
      prepareBaseImage: false,
    });
  });

  Scenario(`Filter block test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.filterBlock.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.seeElement({
      react: "FilterButton",
    });
    I.click({ react: "FilterButton" });
    I.wait(3);
    I.saveScreenshot(`${culture}-filter-block.png`);
    I.seeVisualDiff(`${culture}-filter-block.png`, {
      tolerance: 0.01,
      prepareBaseImage: false,
    });
  });

  Scenario(`Context menu test ${culture}`, { timeout: 30 }, ({ I }) => {
    changeCulture(culture);
    const isException = ignoringCultures.contextMenu.indexOf(culture) != -1;
    I.mockEndpoint(Endpoints.my, "default");
    if (!isException) {
      I.mockEndpoint(Endpoints.self, `selfTranslation`);
      I.mockEndpoint(Endpoints.settings, settingsTranslationFile);
    }
    I.amOnPage("/products/files");
    I.wait(3);
    I.openContextMenu();
    I.wait(3);
    I.saveScreenshot(`${culture}-context-menu.png`);
    I.seeVisualDiff(`${culture}-context-menu.png`, {
      tolerance: 0.01,
      prepareBaseImage: false,
    });
  });
}