[test] cypress: project/index page language validation

Signed-off-by: Raju Udava <sivadstala@gmail.com>

cypress/integration/common/6d_language_validation.js

@@ -0,0 +1,70 @@
+const { loginPage } = require("../../support/page_objects/navigation")
+const { roles } = require("../../support/page_objects/projectConstants")
+
+describe(`Swagger API - Test preparation`, () => {
+
+    before(()=> {
+        loginPage.signIn(roles.owner.credentials)
+    })
+
+    const langVerification = (idx, lang) => {
+        // pick json from the file specified
+        it(`Language verification: ${ lang } > Projects page`, () => {
+            let json = require(`../../../packages/nc-gui/lang/${ lang }`);
+            
+            // toggle menu as per index
+            cy.get('.nc-menu-translate').click()
+            cy.getActiveMenu().find('.v-list-item').eq(idx).click()
+
+            // basic validations
+            // 1. Page title: "My Projects"
+            // 2. Button: "New Project"
+            // 3. Search box palceholder text: "Search Projects"
+            cy.get('b')
+                .contains(json.projects.my_projects)
+                .should('exist')
+            cy.get('button.v-btn')
+                .contains(json.projects.create_new_project_button.text)
+                .should('exist')
+            cy.get(`[placeholder="${ json.projects.search_project }"]`)
+                .should('exist')
+        })
+    }
+
+    // Index is the order in which menu options appear
+    langVerification(0, 'en.json')
+    langVerification(1, 'zh_CN.json')
+    langVerification(2, 'de.json')
+    langVerification(3, 'es.json')
+    langVerification(4, 'fr.json')
+    langVerification(5, 'it_IT.json')
+    langVerification(6, 'ja.json')
+    langVerification(7, 'ko.json')
+    langVerification(8, 'nl.json')
+    langVerification(9, 'ru.json')
+    langVerification(10, 'zh_HK.json')
+    langVerification(11, 'zh_TW.json')
+    langVerification(12, 'id.json') 
+})
+
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Raju Udava <sivadstala@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */

packages/nc-gui/components/utils/language.vue

@@ -2,7 +2,7 @@
   <div>
     <v-menu bottom offset-y>
       <template #activator="{on}">
-        <v-icon size="20" class="ml-2" v-on="on">
+        <v-icon size="20" class="ml-2 nc-menu-translate" v-on="on">
           mdi-translate
         </v-icon>
       </template>