tested with cypress #13

cypress/e2e/title.cy.ts

@@ -0,0 +1,6 @@
+describe('App Component Init - Check Nixng title', () => {
+  it('Should contain heading', () => {
+    cy.visit('http://localhost:4200/')
+    cy.contains("এটা হলো nixng")
+  })
+})

cypress/e2e/translate.cy.ts

@@ -0,0 +1,19 @@
+describe('App Component - Translation Check', () => {
+
+    beforeEach(() => {
+        cy.visit('http://localhost:4200/')
+    })
+
+    it('Should contain english title', () => {
+        cy.get('[data-cy="language"]').select('en')
+        cy.contains("This is nixng")
+    })
+    it('Should contain spanish title', () => {
+        cy.get('[data-cy="language"]').select('es')
+        cy.contains("Esto es nixng")
+    })
+    it('Should contain Bangla title', () => {
+        cy.get('[data-cy="language"]').select('bn')
+        cy.contains("এটা হলো nixng")
+    })
+})

src/app/transloco-root.module.ts

@@ -0,0 +1,38 @@
+import { HttpClient } from '@angular/common/http';
+import {
+  TRANSLOCO_LOADER,
+  Translation,
+  TranslocoLoader,
+  TRANSLOCO_CONFIG,
+  translocoConfig,
+  TranslocoModule
+} from '@ngneat/transloco';
+import { Injectable, NgModule } from '@angular/core';
+import { environment } from '../environments/environment';
+
+@Injectable({ providedIn: 'root' })
+export class TranslocoHttpLoader implements TranslocoLoader {
+  constructor(private http: HttpClient) {}
+
+  getTranslation(lang: string) {
+    return this.http.get<Translation>(`/assets/i18n/${lang}.json`);
+  }
+}
+
+@NgModule({
+  exports: [TranslocoModule],
+  providers: [
+    {
+      provide: TRANSLOCO_CONFIG,
+      useValue: translocoConfig({
+        availableLangs: ['en', 'es', 'bn'],
+        defaultLang: 'bn',
+        // Remove this option if your application doesn't support changing language in runtime.
+        reRenderOnLangChange: true,
+        prodMode: environment.production
+      })
+    },
+    { provide: TRANSLOCO_LOADER, useClass: TranslocoHttpLoader }
+  ]
+})
+export class TranslocoRootModule {}

src/assets/i18n/bn.json

@@ -0,0 +1,3 @@
+{
+    "title":"এটা হলো"
+}

src/assets/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "title":"This is"
+}

src/assets/i18n/es.json

@@ -0,0 +1,3 @@
+{
+    "title":"Esto es"
+}

transloco.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  rootTranslationsPath: 'src/assets/i18n/',
+  langs: ['en', 'es', 'bn'],
+  keysManager: {}
+};