test-env

Author: sandragjacinto

.github/workflows/ci.yml

@@ -31,40 +31,40 @@ jobs:
       submodules-app-installation-id: ${{ secrets.INFRA_BOT_APP_INSTALLATION_ID }}
       submodules-app-private-key: ${{ secrets.INFRA_BOT_APP_PRIVATE_KEY }}
 
-  lint-and-test:
-    timeout-minutes: 60
-    runs-on: wlc-lint-and-test-runner
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-      - name: Install Yarn
-        run: npm install -g yarn
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
+  # lint-and-test:
+  #   timeout-minutes: 60
+  #   runs-on: wlc-lint-and-test-runner
+  #   steps:
+  #     - uses: actions/checkout@v3
+  #     - uses: actions/setup-node@v3
+  #       with:
+  #         node-version: 20
+  #     - name: Install Yarn
+  #       run: npm install -g yarn
+  #     - name: Install dependencies
+  #       run: yarn install --frozen-lockfile
 
-      - name: Run linter and formatter
-        run: |
-          yarn lint
-          yarn format:check
+  #     - name: Run linter and formatter
+  #       run: |
+  #         yarn lint
+  #         yarn format:check
 
-      - name: Run unit tests
-        run: yarn test:unit
+  #     - name: Run unit tests
+  #       run: yarn test:unit
 
-      - name: Install Playwright Browsers
-        run: yarn playwright install --with-deps
-      - name: Run Playwright tests
-        run: yarn playwright test
-      - uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 30
+  #     - name: Install Playwright Browsers
+  #       run: yarn playwright install --with-deps
+  #     - name: Run Playwright tests
+  #       run: yarn playwright test
+  #     - uses: actions/upload-artifact@v4
+  #       if: always()
+  #       with:
+  #         name: playwright-report
+  #         path: playwright-report/
+  #         retention-days: 30
 
   tag-deploy:
     needs:
-      - lint-and-test
+      # - lint-and-test
       - build-docker
     uses: CyberCRI/github-workflows/.github/workflows/tag-deploy.yaml@main

k8s/welearn-client/values.dev.yaml

@@ -1,8 +1,8 @@
 injectedEnv:
   nonSensitive:
     VITE_API_BASE: https://api.welearn.k8s.lp-i.dev
-    VITE_ENVIRONMENT: dev
+    VITE_ENVIRONMENT: prod
 
 ingress:
   hosts:
-  - welearn.k8s.lp-i.dev
+    - welearn.k8s.lp-i.dev

src/components/NavComponent.vue

@@ -7,14 +7,15 @@ import { ref } from 'vue';
 import { useUserStore } from '@/stores/user';
 import i18n from '@/localisation/i18n';
 import BookIcon from './icons/BookIcon.vue';
+import { useFeatureFlipStore } from '@/stores/featureFlip';
+
+const featureFlip = useFeatureFlipStore();
+const isFeatureEnabled = featureFlip.isFeatureEnabled('tutor');
 
 const user = useUserStore();
 
 const isNavOpened = ref<boolean>(false);
 
-const isProd = import.meta.env.VITE_ENVIRONMENT === 'prod';
-console.log('isProd', isProd);
-
 const handle_nav_bookmarks = () => {
   isNavOpened.value = false;
   user.updateSearchState('CHECK_BOOKMARK');
@@ -78,7 +79,7 @@ const handle_nav_bookmarks = () => {
           }}</span>
         </router-link>
       </div>
-      <!-- <div class="link-wrapper" v-if="!isProd">
+      <div class="link-wrapper" v-if="isFeatureEnabled">
         <router-link
           class="router-link"
           to="/tutor"
@@ -90,7 +91,7 @@ const handle_nav_bookmarks = () => {
           </div>
           <span class="item-name" :class="isNavOpened && 'visible-name'">{{ $t('tutor') }}</span>
         </router-link>
-      </div> -->
+      </div>
       <div class="nav-langs" :class="isNavOpened && 'open'">
         <a
           class="nav-lang"

src/router/index.ts

@@ -1,12 +1,24 @@
 import { createRouter, createWebHistory, type RouteLocationNormalized } from 'vue-router';
 import SearchSDG from '@/views/SearchSDG.vue';
+import { computed } from 'vue';
 import QandA from '@/views/QandA.vue';
 import Bookmarks from '@/views/BookmarkdSources.vue';
 import Tutor from '@/views/TutorPage.vue';
 import LandingPage from '@/views/LandingPage.vue';
 import NotFound from '@/views/NotFound.vue';
 
-const env = import.meta.env.VITE_ENVIRONMENT;
+const mapEnv = {
+  dev: 'dev',
+  prod: 'prod'
+};
+
+const computedEnv = computed(() => {
+  const { VITE_ENVIRONMENT } = import.meta.env as 'dev' | 'prod';
+  console.log(`VITE_ENVIRONMENT: ${VITE_ENVIRONMENT}`);
+  console.log(mapEnv[VITE_ENVIRONMENT]);
+  console.log(mapEnv[VITE_ENVIRONMENT] === 'prod');
+  return mapEnv[VITE_ENVIRONMENT] !== 'prod';
+});
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -33,7 +45,7 @@ const router = createRouter({
       component: Bookmarks
     },
     {
-      ...(env !== 'prod' && {
+      ...(computedEnv && {
         path: '/tutor',
         name: 'tutor',
         component: Tutor

src/stores/featureFlip.ts

@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia';
+type FeatureFlip = {
+  [key: string]: boolean;
+};
+export const useFeatureFlipStore = defineStore('featureFlip', () => {
+  const { VITE_ENVIRONMENT } = import.meta.env;
+  const env = VITE_ENVIRONMENT as 'dev' | 'prod';
+  const featureFlip: FeatureFlip = {
+    tutor: env !== 'prod'
+  };
+
+  const isFeatureEnabled = (feature: string) => {
+    return featureFlip[feature] || false;
+  };
+
+  return {
+    featureFlip,
+    isFeatureEnabled
+  };
+});