diff --git a/libs/transloco-schematics/src/migrate/ngx-translate-migration.ts b/libs/transloco-schematics/src/migrate/ngx-translate-migration.ts
index 9113c8985..6f711b335 100644
--- a/libs/transloco-schematics/src/migrate/ngx-translate-migration.ts
+++ b/libs/transloco-schematics/src/migrate/ngx-translate-migration.ts
@@ -3,6 +3,10 @@ import * as p from 'node:path';
 import * as ora from 'ora';
 import { replaceInFile } from 'replace-in-file';
 
+const PIPE_CONTENT_REGEX = `\\s*([^}\\r\\n]*?\\|)\\s*(translate)[^\\r\\n]*?`;
+export const PIPE_REGEX = `{{${PIPE_CONTENT_REGEX}}}`;
+export const PIPE_IN_BINDING_REGEX = `\\]=('|")${PIPE_CONTENT_REGEX}\\1`;
+
 // Example: `./src/ng2/**/*.html`;
 export function run(path) {
   console.log('\x1b[4m%s\x1b[0m', '\nStarting migration script');
@@ -11,15 +15,14 @@ export function run(path) {
   path = p.join(dir, path, '/**/*');
 
   const noSpecFiles = { ignore: `${path}spec.ts`, files: `${path}.ts` };
-  const pipeContent = `\\s*([^}\\r\\n]*?\\|)\\s*(translate)\\s*(?::\\s*{[^}\\r\\n]+})?\\s*(\\s*\\|[\\s\\r\\t\\n]*\\w*)*\\s*`;
   const [directive, pipe, pipeInBinding] = [
     /(translate|\[translate(?:Params)?\])=("|')[^"']*\2/gm,
-    new RegExp(`{{${pipeContent}}}`, 'gm'),
-    new RegExp(`\\]=('|")${pipeContent}\\1`, 'gm'),
+    new RegExp(PIPE_REGEX, 'gm'),
+    new RegExp(PIPE_IN_BINDING_REGEX, 'gm'),
   ].map((regex) => ({
     files: `${path}.html`,
     from: regex,
-    to: (match) => match.replace('translate', 'transloco'),
+    to: (match) => match.replace(/translate/g, 'transloco'),
   }));
 
   const moduleMultiImport = {
diff --git a/libs/transloco-schematics/src/tests/ngx-translate-migration.spec.ts b/libs/transloco-schematics/src/tests/ngx-translate-migration.spec.ts
new file mode 100644
index 000000000..ce62d2c11
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/ngx-translate-migration.spec.ts
@@ -0,0 +1,199 @@
+// noinspection AngularUndefinedBinding
+
+import * as nodePath from 'node:path';
+import {readFile} from 'node:fs/promises';
+
+import {replaceInFile, ReplaceInFileConfig} from 'replace-in-file';
+import {glob} from 'glob';
+
+import {PIPE_IN_BINDING_REGEX, PIPE_REGEX, run} from '../migrate/ngx-translate-migration';
+
+import Mock = jest.Mock;
+
+jest.mock('replace-in-file');
+
+describe('ngx-translate migration', () => {
+
+  describe('Positive regex tests', () => {
+
+    describe('Pipe in binding', () => {
+      test.each([
+        {
+          testCase: `<component [header]="'hello.world' | translate">`,
+          match: [`]="'hello.world' | translate"`]
+        },
+        {
+          testCase: `<component [header]="'hello.world' | translate | anotherPipe">`,
+          match: [`]="'hello.world' | translate | anotherPipe"`]
+        },
+        {
+          testCase: `<component [header]="'hello' | translate:params | anotherPipe">`,
+          match: [`]="'hello' | translate:params | anotherPipe"`]
+        },
+        {
+          testCase: `<component [title]="titleMap[reportType] | translate">`,
+          match: [`]="titleMap[reportType] | translate"`]
+        },
+        {
+          testCase: `<component [matTooltip]="('foo.bar' | translate) + ': ' + (value | number: '1.0-2')">`,
+          match: [`]="('foo.bar' | translate) + ': ' + (value | number: '1.0-2')"`]
+        },
+        {
+          testCase: `<compnent [title]="'Hello, ' + ('mom' | translate) | fooBar">`,
+          match: [`]="'Hello, ' + ('mom' | translate) | fooBar"`]
+        },
+        {
+          testCase: `<edge-wizard-step [label]="'Restore Options' | translate" [validatingMessage]="'Processing archive...'|translate"`,
+          match: [`]="'Restore Options' | translate"`, `]="'Processing archive...'|translate"`]
+        }
+      ])('Case: $testCase; Match: $match', ({testCase, match}) => {
+        const regex = new RegExp(PIPE_IN_BINDING_REGEX, 'gm');
+        const result = testCase.match(regex);
+
+        expect(result).toMatchObject(match);
+      });
+    });
+
+    describe('Pipe', () => {
+      test.each([
+        {
+          testCase: `<component>{{ "hello.world" | translate }}</component>`,
+          match: [`{{ "hello.world" | translate }}`]
+        },
+        {
+          testCase: `<component>{{ "hello.world" | translate | anotherPipe | oneMore }}</component>`,
+          match: [`{{ "hello.world" | translate | anotherPipe | oneMore }}`]
+        },
+        {
+          testCase: `<component>{{ "hello" | translate: { name: 'John' } }}</component>`,
+          match: [`{{ "hello" | translate: { name: 'John' } }}`]
+        },
+        {
+          testCase: `<component>{{ titleMap[reportType] | translate }}</component>`,
+          match: [`{{ titleMap[reportType] | translate }}`]
+        },
+        {
+          testCase: `<component>{{ ('foo.bar' | translate) + ': ' + (value | number: '1.0-2') }}</component>`,
+          match: [`{{ ('foo.bar' | translate) + ': ' + (value | number: '1.0-2') }}`]
+        },
+        {
+          testCase: `<compnent>{{ 'Hello, ' + ('mom' | translate) | fooBar }}</compnent>`,
+          match: [`{{ 'Hello, ' + ('mom' | translate) | fooBar }}`]
+        },
+        {
+          testCase: `{{"1" | translate}} {{errorCounter}} {{"2" | translate}}`,
+          match: [`{{"1" | translate}}`, `{{"2" | translate}}`]
+        }
+      ])('Case: $testCase; Match: $match', ({testCase, match}) => {
+        const regex = new RegExp(PIPE_REGEX, 'gm');
+        const result = testCase.match(regex);
+
+        expect(result).toMatchObject(match);
+      });
+    });
+  });
+
+  describe('Negative regex tests', () => {
+    
+    describe('Pipe in binding', () => {
+      test.each([
+        {
+          testCase: `<component [header]="'hello.world' | transloco">`
+        },
+        {
+          testCase: `<component [header]="'hello.world' | somePipe | anotherPipe">`
+        },
+        {
+          testCase: `<component [header]="'hello' | transloco:params | anotherPipe">`
+        },
+        {
+          testCase: `<component [title]="titleMap[reportType] | fooBar">`
+        },
+        {
+          testCase: `<component [matTooltip]="('foo.bar' | transloco) + ': ' + (value | number: '1.0-2')">`
+        },
+        {
+          testCase: `<compnent [title]="'Hello World ' + ('mom' | transloco) | fooBar">`
+        },
+        {
+          testCase: `<a [title]="'admin.1' | lowercase
+              | translate"
+          </a>`
+        }
+      ])('Case: $testCase', ({testCase}) => {
+        const regex = new RegExp(PIPE_IN_BINDING_REGEX, 'gm');
+        const result = testCase.match(regex);
+
+        expect(result).toBeNull();
+      });
+    });
+    
+    describe('Pipe', () => {
+      test.each([
+        {
+          testCase: `<component>{{ "hello.world" | transloco }}</component>`
+        },
+        {
+          testCase: `<component>{{ "hello.world" | transloco | anotherPipe | oneMore }}</component>`
+        },
+        {
+          testCase: `<component>{{ "hello" | transloco: { name: 'John' } }}</component>`
+        },
+        {
+          testCase: `<component>{{ titleMap[reportType] | somePipe }}</component>`
+        },
+        {
+          testCase: `<component>{{ ('foo.bar' | transloco) + ': ' + (value | number: '1.0-2') }}</component>`
+        },
+        {
+          testCase: `<compnent>{{ 'Hello, ' + ('mom' | transloco) | fooBar }}</compnent>`
+        }
+      ])('Case: $testCase', ({testCase}) => {
+        const regex = new RegExp(PIPE_REGEX, 'gm');
+        const result = testCase.match(regex);
+
+        expect(result).toBeNull();
+      });
+    });
+  
+  });
+
+  describe('HTML template', () => {
+
+    it('should replace html template content', async () => {
+      const replacements: Record<string, string> = {},
+        isWindows = process.platform === 'win32';
+      
+      (replaceInFile as Mock).mockImplementation(
+        async (config: ReplaceInFileConfig): Promise<void> => {
+          const path = config.files as string,
+            regex = config.from as RegExp,
+            replacer = config.to as (match: string) => string;
+          
+          const files = await glob(path, {windowsPathsNoEscape: isWindows});
+          
+          for (const fullPath of files) {
+            const filename = nodePath.parse(fullPath).base,
+              content = replacements[filename] ?? await readFile(fullPath, {encoding: 'utf-8'});
+            
+            replacements[filename] = content.replace(regex, replacer);
+          }
+        }
+      );
+
+      const ngxTranslateTemplatePath = './src/tests/templates/pipes/ngx-translate';
+
+      await run(ngxTranslateTemplatePath);
+
+      const filenames = Object.keys(replacements);
+
+      for(const filename of filenames) {
+        const resultPath = nodePath.join(__dirname, './templates/pipes/transloco', filename),
+          resultContent = await readFile(resultPath, {encoding: 'utf-8'});
+
+        expect(replacements[filename]).toBe(resultContent);
+      }
+    });
+
+  });
+});
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/1.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/1.html
new file mode 100644
index 000000000..d0506e2e7
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/1.html
@@ -0,0 +1,32 @@
+<div class="bot-setup-container width-100 d-flex">
+  <form class="da-form d-flex-column width-100" [formGroup]="bot" novalidate>
+    <!-- Bot name -->
+    <div class="bot-setup-header allow-full-line d-flex">
+      <da-editable-input-text [value]="botSetupStore.bot.controls.name.value" [entity]="'bot'"
+        (onChange)="onNameChange($event)"></da-editable-input-text>
+    </div>
+
+    <edge-wizard-step [label]="'Restore Options' | translate" [validatingMessage]="'Processing archive...'|translate"
+      [validate]="simulateRestore" [useFormCtrlValidation]="profile">
+      <ui-view></ui-view>
+
+      <!-- Footer error message -->
+      <div class="footer-error-message d-flex" *ngIf="errorCounter > 0">
+        {{"1" | translate}} {{errorCounter}} {{"2" | translate}}{{errorCounter > 1 ? 's'
+      : ''}}
+      </div>
+      <div class="allow-full-line footer-buttons d-flex align-end-center">
+        <div class="setup-buttons d-flex">
+          <button class="da-btn secondary link footer cancel-button" type="button" (click)="backToPrevPage(false)">
+            {{"3" | translate}}
+          </button>
+          <button class="da-btn secondary save-button" *ngIf="isEditState && !isDuplicate" (click)="onSubmit(false)">
+            {{"4" | translate}}
+          </button>
+          <button class="da-btn primary save-run-button" (click)="onSubmit(true)">{{"5" | translate}}
+          </button>
+        </div>
+      </div>
+    </edge-wizard-step>
+  </form>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/2.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/2.html
new file mode 100644
index 000000000..569d95a4c
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/2.html
@@ -0,0 +1,120 @@
+<div class="d-flex-column my-agenda-container width-100" [formGroup]="agenda" *ngIf="agenda">
+
+
+  <!-- Measurement -->
+  <div class="d-flex">
+    <div style="width: 216px;">
+      <select daChoices
+              labelKey="name"
+              valueKey="metricName"
+              formControlName="measurement"
+              (change)="onMeasurementChange($event)"
+              [choicesConfig]="botSetupStore.metricsList">
+      </select>
+    </div>
+
+    <div class="d-flex align-start-center">
+      <label class="text-between-inputs inner-text"> {{"6" | translate}}</label>
+
+      <div style="width: 216px;">
+        <select daChoices
+                formControlName="metricDirection"
+                labelKey="name"
+                [daOptions]="{searchEnabled: false}"
+                valueKey="value"
+                [choicesConfig]="botSetupStore.metricDirection">
+        </select>
+      </div>
+
+
+      <label class="right-label inner-text">{{"7" | translate}}</label>
+    </div>
+  </div>
+  <div class="input-field">
+    <div class="input-error-abs"
+         *ngIf="agenda.get('measurement').hasError('required') && agenda.get('measurement').touched">
+      {{"8" | translate}}
+    </div>
+  </div>
+
+
+  <!-- Dimensions -->
+  <div class="d-flex my-agenda-header">{{"9" | translate}}</div>
+  <mat-radio-group class="d-flex-column" formControlName="isAllDimensions" (change)="onIsAllDimensionsChange($event)">
+    <mat-radio-button class="checkbox-input" [value]="botSetupStore.isAllDimensions[0].value">
+      <span class="input-line primary-text">{{"10" | translate}}</span>
+    </mat-radio-button>
+    <mat-radio-button class="checkbox-input" [value]="botSetupStore.isAllDimensions[1].value">
+      <span class="input-line primary-text">{{"11" | translate}}</span>
+    </mat-radio-button>
+  </mat-radio-group>
+
+  <div class="space-between-rows d-flex"
+       [hidden]="agenda.controls.isAllDimensions.value === botSetupStore.isAllDimensions[0].value">
+    <div style="width: 468px;">
+      <select daChoices
+              multiple
+              labelKey="name"
+              valueKey="systemName"
+              formControlName="dimensionsListSelection"
+              (removeItem)="onDimensionUnSelected($event)"
+              [choicesConfig]="botSetupStore.dimensions">
+      </select>
+    </div>
+  </div>
+
+  <!-- Dimensions list -->
+  <div [ngClass]="{'input-field': agenda.get('dimensionsListSelection').hasError('required') && agenda.get('dimensionsListSelection').touched }">
+    <div class="input-error-abs"
+         *ngIf="agenda.get('dimensionsListSelection').hasError('required') && agenda.get('dimensionsListSelection').touched">
+      {{"12" | translate}}
+    </div>
+  </div>
+
+  <div class="d-flex align-start-center">
+    <!-- Date range -->
+    <div class="d-flex-column">
+
+      <!-- translated in the component.ts and the value set according to enableCompareTo status (Within / Later Date) -->
+      <div data-auto-id="agenda_setup_date_range_label" class="top-line secondary-text d-flex">{{_dateRangeLabelText}}
+      </div>
+
+      <da-date-picker *ngIf="!!dateRange" class="long-select" [selectedRange]="dateRange"
+                      [selectedDateType]="dateRange.dateRangeType"
+                      (onChange)="onDateChange($event)"></da-date-picker>
+    </div>
+    <!-- compare to Date range -->
+    <div *ngIf="allowNewBotType()" class="d-flex align-center mt-30" [ngClass]="{'mt-30': !isCompareToEnabled}">
+      <dato-checkbox [formControl]="agenda.controls.enableCompareTo"
+                     [ngClass]="{'mt-30': isCompareToEnabled}"
+                     class="mx-10">{{"13" | translate}}
+      </dato-checkbox>
+      <div [ngClass]="{'d-flex-column': isCompareToEnabled}">
+
+        <div *ngIf="isCompareToEnabled; else isCompareToDisabled" class="top-line secondary-text d-flex">
+          {{"14" | translate}}
+        </div>
+        <ng-template #isCompareToDisabled>
+          <span class="primary-200-color primary-50-background-color d-flex align-start-center px-10 long-select">{{"15" | translate}}</span>
+        </ng-template>
+        <da-date-picker *ngIf="!!compareToDateRange && isCompareToEnabled" class="long-select"
+                        [selectedRange]="compareToDateRange" [selectedDateType]="compareToDateRange.dateRangeType"
+                        (onChange)="onCompareToDateChange($event)">
+        </da-date-picker>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Filters -->
+  <div class="my-agenda-header d-flex">{{"16" | translate}}</div>
+  <div class="d-flex">
+    <div class="add-filter-button" (click)="addFiltersModal($event)">
+      <dato-icon datoIcon="plus-round" class="icon"></dato-icon>
+    </div>
+    <span class="add-filter-text"
+          (click)="addFiltersModal($event)">{{"17" | translate}} {{"18" | translate}}</span>
+  </div>
+  <!-- Header -->
+  <div class="my-agenda-header d-flex">{{"19" | translate}}</div>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/3.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/3.html
new file mode 100644
index 000000000..837a41061
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/3.html
@@ -0,0 +1,38 @@
+<div *ngIf="insightData">
+  <button aria-label="Open menu" class="da-btn secondary-link expand-clickable-area" (click)="openMenu($event)"
+          mat-icon-button [matMenuTriggerFor]="menu">
+    <span>{{"20" | translate}}</span>
+    <span>{{ "" | translate}}</span>
+    <mat-icon svgIcon="Arrowdown-01" aria-hidden="true" class="nav-item stroke-color arrow-icon"></mat-icon>
+  </button>
+  <mat-menu #menu="matMenu" class="simple main-color dismiss-menu-items"
+            [overlapTrigger]="false" xPosition="before">
+    <ng-container *ngIf="dims.length === 1 && !relatedCombo">
+      <button (click)="doDismiss(true)" mat-menu-item>
+        <div class="item-label ellipsis">{{dims[0].insightDimensionName}} "{{dims[0].insightDimensionValue}}"</div>
+      </button>
+    </ng-container>
+    <ng-container *ngIf="dims.length > 1">
+      <button (click)="doDismiss(true)" mat-menu-item>
+        <div class="item-label ellipsis">{{"21" | translate}}</div>
+      </button>
+    </ng-container>
+    <ng-container *ngIf="(dims.length === 1) && (!related || relatedCombo)">
+      <button (click)="doDismiss(false, i)" *ngFor="let dim of dims; trackBy: dimTrack" mat-menu-item>
+        <div class="item-label ellipsis" aria-label="hide all">
+          {{dim.insightDimensionName}}: {{"22" | translate}}
+        </div>
+      </button>
+    </ng-container>
+    <button (click)="doDismiss(false)" *ngIf="dims.length > 1 && !related" mat-menu-item>
+      <div class="item-label ellipsis">
+        <span aria-label="hide all" *ngFor="let dim of dims; trackBy: dimTrack; let i = index;">
+          <span>{{dim.insightDimensionName}}</span>
+          <span *ngIf="i != dims.length - 1">&nbsp;&&nbsp;</span>
+        </span>
+        <span>: {{"23" | translate}}</span>
+        <span>: {{ '' | translate}}</span>
+      </div>
+    </button>
+  </mat-menu>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/4.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/4.html
new file mode 100644
index 000000000..fb56d1d0e
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/4.html
@@ -0,0 +1,28 @@
+<div class="insights-container d-flex-column d-flex-0-1-auto">
+  <div class="insights d-flex-1-1-auto mx-30 mb-30">
+    <ng-container *ngIf="{
+        insights: insightGroups$ | async,
+        totalInsights: totalInsights$ | async,
+        botKpiMetric: botKpiMetric$ | async,
+        botMagnitudeMetric: botMagnitudeMetric$ | async
+     } as data">
+      <div *ngFor="let group of data.insights; trackBy: groupTrack; let i = index">
+        <da-insights-list-item
+                class="mb-20" [insights]="group.insights" [listIndex]="i"
+                [listLength]="'24' | translate" [insightContext]="insightContext"
+                [insightListData]="listData" [botKpiMetric]="data.botKpiMetric | translate"
+                [botMagnitudeMetric]="data.botMagnitudeMetric"
+                (insightDismiss)="dismissInsight($event)"
+                [attr.data-auto-id]='"25" | translate'>
+        </da-insights-list-item>
+      </div>
+
+
+    </ng-container>
+  </div>
+  <da-facebook-loader-insight-bot *ngIf="loadingInsights$ | async"
+                                  class="mx-30 mb-30">
+    {{ '26' |   translate}}
+    <div [class.name]="'27' | translate"></div>
+  </da-facebook-loader-insight-bot>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/5.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/5.html
new file mode 100644
index 000000000..b01cb3d75
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/5.html
@@ -0,0 +1,85 @@
+<div class="d-flex-column height-100" [formGroup]="form">
+  <div class="d-flex-column d-flex-0-0-auto">
+    <div class="mb-10" datoFont="headline">{{"28" | translate}}</div>
+  </div>
+  <div class="d-flex-column d-flex-1-0-auto">
+    <div class="action-rule-setup-wrapper d-flex-column pt-20 pb-20 pl-20 pr-15 mb-30">
+      <!-- RULE NAME -->
+      <div class="d-flex-column align-center-start name-input-wrapper mb-25">
+        <div class="mb-7" datoFont="note" datoColor="primary-300">{{"29" | translate: {id: 1}}</div>
+        <dato-input datoSize="lg" formControlName="name" data-auto-id="action_rule_setup_name_input"
+                    [placeholder]="'actionRule.typeMeaningfulName' | translate" ngDefaultControl></dato-input>
+        <!-- Validation Message-->
+        <div [class.invisible]="form.controls.name.valid || !(showValidation$ | async)"
+             class="mt-8" datoFont="note" datoColor="red-400">{{"30" | translate: { name: 'Avi' } }}
+        </div>
+      </div>
+
+      <!-- FREQUENCY -->
+      <da-frequency class="mb-25" [frequency]="actionRule.config.frequency" formControlName="frequency"
+                    (onFrequencyChange)="onFrequencyChange($event)" ngDefaultControl></da-frequency>
+
+      <!-- EXPIRATION -->
+      <div class="d-flex-column align-center-start">
+        <div datoFont="note" datoColor="primary-300">{{"31" | translate}}</div>
+        <dato-checkbox formControlName="expiration" ngDefaultControl
+                       data-auto-id="action_rule_setup_expiration_checkbox">
+          {{ "32" | translate }}
+        </dato-checkbox>
+      </div>
+    </div>
+  </div>
+
+  <div class="d-flex-row align-space-between-center pt-15 footer-wrapper d-flex-0-0-auto">
+    <dato-button datoType="secondary" (click)="back()" class="ml-30" width="100px"
+                 data-auto-id="action_rule_setup_step_3_back">{{ "33" | translate }}
+    </dato-button>
+    <div class="d-flex-row align-end-center">
+      <dato-link datoType="secondary" (click)="cancel()" class="mr-10 px-20"
+                 data-auto-id="action_rule_setup_step_3_cancel">{{"34" | translate}}
+      </dato-link>
+      <dato-button datoType="secondary" *ngIf="editSetupMode" (click)="executeRule()" class="mr-10">
+        <dato-icon datoIcon="run-once"></dato-icon>
+        {{ (condition ? '35' : '36') | translate: { name: 'ccc'} }}
+      </dato-button>
+      <dato-button (click)="save()" width="156px" class="pr-30" data-auto-id="action_rule_setup_step_3_save"
+                   [disabled]="disableSaveButton">{{saveButtonKey | translate}}
+      </dato-button>
+    </div>
+  </div>
+</div>
+
+<ng-template #successToast>
+  <dato-link datoSize='sm' (click)='goToList()'>{{'37' | translate}}</dato-link>
+  {{ (condition ? "38" : '39') | translate: { name: "ccc"} }}
+
+</ng-template>
+
+<div>
+  {{ (condition ? '40' :
+
+  '41') | translate: { name: "ccc"} }}
+</div>
+
+<div>
+  {{ (condition ? '42' :
+
+  '43') | translate: { name: "ccc"} }}
+</div>
+
+<div class="d-flex-column align-center-start name-input-wrapper mb-25">
+  <div class="mb-7" datoFont="note" datoColor="primary-300"></div>
+  <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'44' | translate"
+              [placeholder]="(condition ? '45' : '46') | translate: { name: 'ccc'}" ngDefaultControl></dato-input>
+  <!-- Validation Message-->
+  <div [class.invisible]="'47' | translate"
+       class="mt-8" datoFont="note" datoColor="red-400">
+    {{ '48' | translate }}
+    {{ '49.50.51.52' | translate }}
+  </div>
+  <span>{{ 'not' + 4 | translate }}</span>
+
+  <span>{{ 'numer' ++ 4 | translate }}</span>
+
+</div>
+
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/6.html b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/6.html
new file mode 100644
index 000000000..ebbde9ada
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/ngx-translate/6.html
@@ -0,0 +1,51 @@
+<div class="d-flex-column align-center-start name-input-wrapper mb-25">
+    <div class="mb-7" datoFont="note" datoColor="primary-300"></div>
+    <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'53' | translate | another"
+                [placeholder]="(condition ? '54' : '55') | translate | another : { name: 'ccc'}" ngDefaultControl></dato-input>
+    <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'56' | another | translate | other "
+                [placeholder]="condition ? dontTake : '57' | another | translate: { name: 'ccc'}" ngDefaultControl></dato-input>
+    <!-- Validation Message-->
+    <div [class.invisible]="'58' | translate"
+         class="mt-8" datoFont="note" datoColor="red-400">
+        {{ '59' | translate | another }}
+        {{ '60' | another | translate | other }}
+        {{ '61' | another | other | translate }}
+    </div>
+    <span>{{ var + 'not'  | translate }}</span>
+
+</div>
+
+<textarea formControlName="outputContent" rows="10" cols="30"
+          class="mt-6" [ngClass]="txtareaClass"
+          placeholder="{{'62' | translate }}" readonly>
+                </textarea>
+
+<div>{{ '63.64.65' | another | other | translate }}</div>
+<a [title]="'admin.1' | lowercase
+    | translate"
+      [routerLink]="'admin' | lowercase">
+</a>
+<a [routerLink]="'admin' | lowercase"
+   [title]="'admin.2' | translate">
+</a>
+<span class="my-span-class another-class also-span-class"
+      [inlineSVG]="'some/path/to/image.svg'"
+      data-e2e="DataAttributeValue"
+      matTooltipClass="my-tooltip-class"
+      matTooltip="{{ 'admin.3' | translate }}">
+</span>
+
+{{ '66' | translate }}
+{{ condition ? '67' | translate : 'dont take' }}
+
+{{ var | another : {foo: '68' | translate} | other : ('69' | translate) }}
+{{ var | another : ('70' | translate) | lowercase }}
+
+<my-comp [aa]="('71' | translate) + 'a'"
+         [bb]="1 + 2"
+         [cc]="('72' | translate) || var1 ? ('73' | translate) + 1 : func(1 - ('74' | translate))">
+    <comp a="{{('75' | translate) + 'a'}}"
+          b="{{1 + ('76' | translate)}}">
+        {{ (('77' | translate) + 'a').split(('78' | translate) || ',') }}
+    </comp>
+</my-comp>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/1.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/1.html
new file mode 100644
index 000000000..51b5c4caa
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/1.html
@@ -0,0 +1,32 @@
+<div class="bot-setup-container width-100 d-flex">
+  <form class="da-form d-flex-column width-100" [formGroup]="bot" novalidate>
+    <!-- Bot name -->
+    <div class="bot-setup-header allow-full-line d-flex">
+      <da-editable-input-text [value]="botSetupStore.bot.controls.name.value" [entity]="'bot'"
+        (onChange)="onNameChange($event)"></da-editable-input-text>
+    </div>
+
+    <edge-wizard-step [label]="'Restore Options' | transloco" [validatingMessage]="'Processing archive...'|transloco"
+      [validate]="simulateRestore" [useFormCtrlValidation]="profile">
+      <ui-view></ui-view>
+
+      <!-- Footer error message -->
+      <div class="footer-error-message d-flex" *ngIf="errorCounter > 0">
+        {{"1" | transloco}} {{errorCounter}} {{"2" | transloco}}{{errorCounter > 1 ? 's'
+      : ''}}
+      </div>
+      <div class="allow-full-line footer-buttons d-flex align-end-center">
+        <div class="setup-buttons d-flex">
+          <button class="da-btn secondary link footer cancel-button" type="button" (click)="backToPrevPage(false)">
+            {{"3" | transloco}}
+          </button>
+          <button class="da-btn secondary save-button" *ngIf="isEditState && !isDuplicate" (click)="onSubmit(false)">
+            {{"4" | transloco}}
+          </button>
+          <button class="da-btn primary save-run-button" (click)="onSubmit(true)">{{"5" | transloco}}
+          </button>
+        </div>
+      </div>
+    </edge-wizard-step>
+  </form>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/2.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/2.html
new file mode 100644
index 000000000..442629759
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/2.html
@@ -0,0 +1,120 @@
+<div class="d-flex-column my-agenda-container width-100" [formGroup]="agenda" *ngIf="agenda">
+
+
+  <!-- Measurement -->
+  <div class="d-flex">
+    <div style="width: 216px;">
+      <select daChoices
+              labelKey="name"
+              valueKey="metricName"
+              formControlName="measurement"
+              (change)="onMeasurementChange($event)"
+              [choicesConfig]="botSetupStore.metricsList">
+      </select>
+    </div>
+
+    <div class="d-flex align-start-center">
+      <label class="text-between-inputs inner-text"> {{"6" | transloco}}</label>
+
+      <div style="width: 216px;">
+        <select daChoices
+                formControlName="metricDirection"
+                labelKey="name"
+                [daOptions]="{searchEnabled: false}"
+                valueKey="value"
+                [choicesConfig]="botSetupStore.metricDirection">
+        </select>
+      </div>
+
+
+      <label class="right-label inner-text">{{"7" | transloco}}</label>
+    </div>
+  </div>
+  <div class="input-field">
+    <div class="input-error-abs"
+         *ngIf="agenda.get('measurement').hasError('required') && agenda.get('measurement').touched">
+      {{"8" | transloco}}
+    </div>
+  </div>
+
+
+  <!-- Dimensions -->
+  <div class="d-flex my-agenda-header">{{"9" | transloco}}</div>
+  <mat-radio-group class="d-flex-column" formControlName="isAllDimensions" (change)="onIsAllDimensionsChange($event)">
+    <mat-radio-button class="checkbox-input" [value]="botSetupStore.isAllDimensions[0].value">
+      <span class="input-line primary-text">{{"10" | transloco}}</span>
+    </mat-radio-button>
+    <mat-radio-button class="checkbox-input" [value]="botSetupStore.isAllDimensions[1].value">
+      <span class="input-line primary-text">{{"11" | transloco}}</span>
+    </mat-radio-button>
+  </mat-radio-group>
+
+  <div class="space-between-rows d-flex"
+       [hidden]="agenda.controls.isAllDimensions.value === botSetupStore.isAllDimensions[0].value">
+    <div style="width: 468px;">
+      <select daChoices
+              multiple
+              labelKey="name"
+              valueKey="systemName"
+              formControlName="dimensionsListSelection"
+              (removeItem)="onDimensionUnSelected($event)"
+              [choicesConfig]="botSetupStore.dimensions">
+      </select>
+    </div>
+  </div>
+
+  <!-- Dimensions list -->
+  <div [ngClass]="{'input-field': agenda.get('dimensionsListSelection').hasError('required') && agenda.get('dimensionsListSelection').touched }">
+    <div class="input-error-abs"
+         *ngIf="agenda.get('dimensionsListSelection').hasError('required') && agenda.get('dimensionsListSelection').touched">
+      {{"12" | transloco}}
+    </div>
+  </div>
+
+  <div class="d-flex align-start-center">
+    <!-- Date range -->
+    <div class="d-flex-column">
+
+      <!-- translated in the component.ts and the value set according to enableCompareTo status (Within / Later Date) -->
+      <div data-auto-id="agenda_setup_date_range_label" class="top-line secondary-text d-flex">{{_dateRangeLabelText}}
+      </div>
+
+      <da-date-picker *ngIf="!!dateRange" class="long-select" [selectedRange]="dateRange"
+                      [selectedDateType]="dateRange.dateRangeType"
+                      (onChange)="onDateChange($event)"></da-date-picker>
+    </div>
+    <!-- compare to Date range -->
+    <div *ngIf="allowNewBotType()" class="d-flex align-center mt-30" [ngClass]="{'mt-30': !isCompareToEnabled}">
+      <dato-checkbox [formControl]="agenda.controls.enableCompareTo"
+                     [ngClass]="{'mt-30': isCompareToEnabled}"
+                     class="mx-10">{{"13" | transloco}}
+      </dato-checkbox>
+      <div [ngClass]="{'d-flex-column': isCompareToEnabled}">
+
+        <div *ngIf="isCompareToEnabled; else isCompareToDisabled" class="top-line secondary-text d-flex">
+          {{"14" | transloco}}
+        </div>
+        <ng-template #isCompareToDisabled>
+          <span class="primary-200-color primary-50-background-color d-flex align-start-center px-10 long-select">{{"15" | transloco}}</span>
+        </ng-template>
+        <da-date-picker *ngIf="!!compareToDateRange && isCompareToEnabled" class="long-select"
+                        [selectedRange]="compareToDateRange" [selectedDateType]="compareToDateRange.dateRangeType"
+                        (onChange)="onCompareToDateChange($event)">
+        </da-date-picker>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Filters -->
+  <div class="my-agenda-header d-flex">{{"16" | transloco}}</div>
+  <div class="d-flex">
+    <div class="add-filter-button" (click)="addFiltersModal($event)">
+      <dato-icon datoIcon="plus-round" class="icon"></dato-icon>
+    </div>
+    <span class="add-filter-text"
+          (click)="addFiltersModal($event)">{{"17" | transloco}} {{"18" | transloco}}</span>
+  </div>
+  <!-- Header -->
+  <div class="my-agenda-header d-flex">{{"19" | transloco}}</div>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/3.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/3.html
new file mode 100644
index 000000000..44b3fc661
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/3.html
@@ -0,0 +1,38 @@
+<div *ngIf="insightData">
+  <button aria-label="Open menu" class="da-btn secondary-link expand-clickable-area" (click)="openMenu($event)"
+          mat-icon-button [matMenuTriggerFor]="menu">
+    <span>{{"20" | transloco}}</span>
+    <span>{{ "" | transloco}}</span>
+    <mat-icon svgIcon="Arrowdown-01" aria-hidden="true" class="nav-item stroke-color arrow-icon"></mat-icon>
+  </button>
+  <mat-menu #menu="matMenu" class="simple main-color dismiss-menu-items"
+            [overlapTrigger]="false" xPosition="before">
+    <ng-container *ngIf="dims.length === 1 && !relatedCombo">
+      <button (click)="doDismiss(true)" mat-menu-item>
+        <div class="item-label ellipsis">{{dims[0].insightDimensionName}} "{{dims[0].insightDimensionValue}}"</div>
+      </button>
+    </ng-container>
+    <ng-container *ngIf="dims.length > 1">
+      <button (click)="doDismiss(true)" mat-menu-item>
+        <div class="item-label ellipsis">{{"21" | transloco}}</div>
+      </button>
+    </ng-container>
+    <ng-container *ngIf="(dims.length === 1) && (!related || relatedCombo)">
+      <button (click)="doDismiss(false, i)" *ngFor="let dim of dims; trackBy: dimTrack" mat-menu-item>
+        <div class="item-label ellipsis" aria-label="hide all">
+          {{dim.insightDimensionName}}: {{"22" | transloco}}
+        </div>
+      </button>
+    </ng-container>
+    <button (click)="doDismiss(false)" *ngIf="dims.length > 1 && !related" mat-menu-item>
+      <div class="item-label ellipsis">
+        <span aria-label="hide all" *ngFor="let dim of dims; trackBy: dimTrack; let i = index;">
+          <span>{{dim.insightDimensionName}}</span>
+          <span *ngIf="i != dims.length - 1">&nbsp;&&nbsp;</span>
+        </span>
+        <span>: {{"23" | transloco}}</span>
+        <span>: {{ '' | transloco}}</span>
+      </div>
+    </button>
+  </mat-menu>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/4.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/4.html
new file mode 100644
index 000000000..609a1ba6a
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/4.html
@@ -0,0 +1,28 @@
+<div class="insights-container d-flex-column d-flex-0-1-auto">
+  <div class="insights d-flex-1-1-auto mx-30 mb-30">
+    <ng-container *ngIf="{
+        insights: insightGroups$ | async,
+        totalInsights: totalInsights$ | async,
+        botKpiMetric: botKpiMetric$ | async,
+        botMagnitudeMetric: botMagnitudeMetric$ | async
+     } as data">
+      <div *ngFor="let group of data.insights; trackBy: groupTrack; let i = index">
+        <da-insights-list-item
+                class="mb-20" [insights]="group.insights" [listIndex]="i"
+                [listLength]="'24' | transloco" [insightContext]="insightContext"
+                [insightListData]="listData" [botKpiMetric]="data.botKpiMetric | transloco"
+                [botMagnitudeMetric]="data.botMagnitudeMetric"
+                (insightDismiss)="dismissInsight($event)"
+                [attr.data-auto-id]='"25" | transloco'>
+        </da-insights-list-item>
+      </div>
+
+
+    </ng-container>
+  </div>
+  <da-facebook-loader-insight-bot *ngIf="loadingInsights$ | async"
+                                  class="mx-30 mb-30">
+    {{ '26' |   transloco}}
+    <div [class.name]="'27' | transloco"></div>
+  </da-facebook-loader-insight-bot>
+</div>
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/5.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/5.html
new file mode 100644
index 000000000..52fade9e3
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/5.html
@@ -0,0 +1,85 @@
+<div class="d-flex-column height-100" [formGroup]="form">
+  <div class="d-flex-column d-flex-0-0-auto">
+    <div class="mb-10" datoFont="headline">{{"28" | transloco}}</div>
+  </div>
+  <div class="d-flex-column d-flex-1-0-auto">
+    <div class="action-rule-setup-wrapper d-flex-column pt-20 pb-20 pl-20 pr-15 mb-30">
+      <!-- RULE NAME -->
+      <div class="d-flex-column align-center-start name-input-wrapper mb-25">
+        <div class="mb-7" datoFont="note" datoColor="primary-300">{{"29" | transloco: {id: 1}}</div>
+        <dato-input datoSize="lg" formControlName="name" data-auto-id="action_rule_setup_name_input"
+                    [placeholder]="'actionRule.typeMeaningfulName' | transloco" ngDefaultControl></dato-input>
+        <!-- Validation Message-->
+        <div [class.invisible]="form.controls.name.valid || !(showValidation$ | async)"
+             class="mt-8" datoFont="note" datoColor="red-400">{{"30" | transloco: { name: 'Avi' } }}
+        </div>
+      </div>
+
+      <!-- FREQUENCY -->
+      <da-frequency class="mb-25" [frequency]="actionRule.config.frequency" formControlName="frequency"
+                    (onFrequencyChange)="onFrequencyChange($event)" ngDefaultControl></da-frequency>
+
+      <!-- EXPIRATION -->
+      <div class="d-flex-column align-center-start">
+        <div datoFont="note" datoColor="primary-300">{{"31" | transloco}}</div>
+        <dato-checkbox formControlName="expiration" ngDefaultControl
+                       data-auto-id="action_rule_setup_expiration_checkbox">
+          {{ "32" | transloco }}
+        </dato-checkbox>
+      </div>
+    </div>
+  </div>
+
+  <div class="d-flex-row align-space-between-center pt-15 footer-wrapper d-flex-0-0-auto">
+    <dato-button datoType="secondary" (click)="back()" class="ml-30" width="100px"
+                 data-auto-id="action_rule_setup_step_3_back">{{ "33" | transloco }}
+    </dato-button>
+    <div class="d-flex-row align-end-center">
+      <dato-link datoType="secondary" (click)="cancel()" class="mr-10 px-20"
+                 data-auto-id="action_rule_setup_step_3_cancel">{{"34" | transloco}}
+      </dato-link>
+      <dato-button datoType="secondary" *ngIf="editSetupMode" (click)="executeRule()" class="mr-10">
+        <dato-icon datoIcon="run-once"></dato-icon>
+        {{ (condition ? '35' : '36') | transloco: { name: 'ccc'} }}
+      </dato-button>
+      <dato-button (click)="save()" width="156px" class="pr-30" data-auto-id="action_rule_setup_step_3_save"
+                   [disabled]="disableSaveButton">{{saveButtonKey | transloco}}
+      </dato-button>
+    </div>
+  </div>
+</div>
+
+<ng-template #successToast>
+  <dato-link datoSize='sm' (click)='goToList()'>{{'37' | transloco}}</dato-link>
+  {{ (condition ? "38" : '39') | transloco: { name: "ccc"} }}
+
+</ng-template>
+
+<div>
+  {{ (condition ? '40' :
+
+  '41') | translate: { name: "ccc"} }}
+</div>
+
+<div>
+  {{ (condition ? '42' :
+
+  '43') | translate: { name: "ccc"} }}
+</div>
+
+<div class="d-flex-column align-center-start name-input-wrapper mb-25">
+  <div class="mb-7" datoFont="note" datoColor="primary-300"></div>
+  <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'44' | transloco"
+              [placeholder]="(condition ? '45' : '46') | transloco: { name: 'ccc'}" ngDefaultControl></dato-input>
+  <!-- Validation Message-->
+  <div [class.invisible]="'47' | transloco"
+       class="mt-8" datoFont="note" datoColor="red-400">
+    {{ '48' | transloco }}
+    {{ '49.50.51.52' | transloco }}
+  </div>
+  <span>{{ 'not' + 4 | transloco }}</span>
+
+  <span>{{ 'numer' ++ 4 | transloco }}</span>
+
+</div>
+
diff --git a/libs/transloco-schematics/src/tests/templates/pipes/transloco/6.html b/libs/transloco-schematics/src/tests/templates/pipes/transloco/6.html
new file mode 100644
index 000000000..7ab13b5e5
--- /dev/null
+++ b/libs/transloco-schematics/src/tests/templates/pipes/transloco/6.html
@@ -0,0 +1,51 @@
+<div class="d-flex-column align-center-start name-input-wrapper mb-25">
+    <div class="mb-7" datoFont="note" datoColor="primary-300"></div>
+    <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'53' | transloco | another"
+                [placeholder]="(condition ? '54' : '55') | transloco | another : { name: 'ccc'}" ngDefaultControl></dato-input>
+    <dato-input datoSize="lg" [formControlName]="name" [data-auto-id]="'56' | another | transloco | other "
+                [placeholder]="condition ? dontTake : '57' | another | transloco: { name: 'ccc'}" ngDefaultControl></dato-input>
+    <!-- Validation Message-->
+    <div [class.invisible]="'58' | transloco"
+         class="mt-8" datoFont="note" datoColor="red-400">
+        {{ '59' | transloco | another }}
+        {{ '60' | another | transloco | other }}
+        {{ '61' | another | other | transloco }}
+    </div>
+    <span>{{ var + 'not'  | transloco }}</span>
+
+</div>
+
+<textarea formControlName="outputContent" rows="10" cols="30"
+          class="mt-6" [ngClass]="txtareaClass"
+          placeholder="{{'62' | transloco }}" readonly>
+                </textarea>
+
+<div>{{ '63.64.65' | another | other | transloco }}</div>
+<a [title]="'admin.1' | lowercase
+    | translate"
+      [routerLink]="'admin' | lowercase">
+</a>
+<a [routerLink]="'admin' | lowercase"
+   [title]="'admin.2' | transloco">
+</a>
+<span class="my-span-class another-class also-span-class"
+      [inlineSVG]="'some/path/to/image.svg'"
+      data-e2e="DataAttributeValue"
+      matTooltipClass="my-tooltip-class"
+      matTooltip="{{ 'admin.3' | transloco }}">
+</span>
+
+{{ '66' | transloco }}
+{{ condition ? '67' | transloco : 'dont take' }}
+
+{{ var | another : {foo: '68' | transloco} | other : ('69' | transloco) }}
+{{ var | another : ('70' | transloco) | lowercase }}
+
+<my-comp [aa]="('71' | transloco) + 'a'"
+         [bb]="1 + 2"
+         [cc]="('72' | transloco) || var1 ? ('73' | transloco) + 1 : func(1 - ('74' | transloco))">
+    <comp a="{{('75' | transloco) + 'a'}}"
+          b="{{1 + ('76' | transloco)}}">
+        {{ (('77' | transloco) + 'a').split(('78' | transloco) || ',') }}
+    </comp>
+</my-comp>