From f0f31515810a27cb47f5947eb7331a2f925f24d4 Mon Sep 17 00:00:00 2001
From: Murat Yukselen <muratyukselen@gmail.com>
Date: Thu, 5 Jan 2017 20:12:53 +0300
Subject: [PATCH 1/3] fix(regexp): handle ng-html-bind constant string and
 ternary form

when ng-html-bind includes a constant string with &quot;, it was not converted to double quotes.

ng-html-bind ternary regex is hopefully fixed also
---
 src/index.js                   | 13 ++++++++++---
 tests/expected/00_fr_FR.json   |  3 ++-
 tests/expected/01_fr_FR.json   |  3 ++-
 tests/expected/02_fr_FR.json   |  3 ++-
 tests/expected/03_fr_FR.json   |  3 ++-
 tests/expected/04_en_US.json   |  1 +
 tests/expected/04_fr_FR.json   |  3 ++-
 tests/expected/05_en_US.json   |  3 ++-
 tests/expected/10_1_fr_FR.json |  3 ++-
 tests/expected/10_fr_FR.json   |  3 ++-
 tests/expected/template.pot    |  6 +++++-
 tests/fixtures/index.html      |  8 ++++++--
 12 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/src/index.js b/src/index.js
index a153936..83933c8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -108,9 +108,12 @@ var extractor
             case "JavascriptServiceSimpleQuote":
             case "JavascriptServiceInstantSimpleQuote":
             case "JavascriptFilterSimpleQuote":
+              translationKey = translationKey.replace(/\\\'/g, "'");
+              break;
             case "HtmlNgBindHtml":
-              translationKey = translationKey.replace(/\\\'/g, "'")
-              break
+              translationKey = translationKey.replace(/\\\'/g, "'");
+              translationKey = translationKey.replace(/&quot;/g, '"');
+              break;
             case "commentDoubleQuote":
             case "HtmlFilterDoubleQuote":
             case "JavascriptServiceDoubleQuote":
@@ -146,6 +149,10 @@ var extractor
             }
           }
 
+          if (translationKey.indexOf("1/2'|translate") !== -1) {
+            _log.debug("MYN found", translationKey, regexName)
+          }
+
           // Store the translationKey with the value into results
           var defaultValueByTranslationKey = function (translationKey, translationDefaultValue) {
             if (regexName !== "JavascriptServiceArraySimpleQuote" &&
@@ -185,7 +192,7 @@ var extractor
       HtmlDirectivePluralLast: 'translate="((?:\\\\.|[^"\\\\])*)".*angular-plural-extract="((?:\\\\.|[^"\\\\])*)"',
       HtmlDirectivePluralFirst: 'angular-plural-extract="((?:\\\\.|[^"\\\\])*)".*translate="((?:\\\\.|[^"\\\\])*)"',
       HtmlNgBindHtml: 'ng-bind-html="\\s*\'((?:\\\\.|[^\'\\\\])*)\'\\s*\\|\\s*translate(:.*?)?\\s*"',
-      HtmlNgBindHtmlTernary: 'ng-bind-html="\\s*([^?]*?[^:]*:[^|}]*)\\s*\\|\\s*translate(:.*?)?\\s*"',
+      HtmlNgBindHtmlTernary: 'ng-bind-html="\\s*([^\\"?]*?[^\\":]*:[^\\"|}]*)\\s*\\|\\s*translate(:.*?)?\\s*"',
       JavascriptServiceSimpleQuote: '\\$translate\\(\\s*\'((?:\\\\.|[^\'\\\\])*)\'[^\\)]*\\)',
       JavascriptServiceDoubleQuote: '\\$translate\\(\\s*"((?:\\\\.|[^"\\\\])*)"[^\\)]*\\)',
       JavascriptServiceArraySimpleQuote: '\\$translate\\((?:\\s*(\\[\\s*(?:(?:\'(?:(?:\\.|[^.*\'\\\\])*)\')\\s*,*\\s*)+\\s*\\])\\s*)\\)',
diff --git a/tests/expected/00_fr_FR.json b/tests/expected/00_fr_FR.json
index fc3b108..7cc68ed 100644
--- a/tests/expected/00_fr_FR.json
+++ b/tests/expected/00_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/01_fr_FR.json b/tests/expected/01_fr_FR.json
index 76a0f14..4a313f3 100644
--- a/tests/expected/01_fr_FR.json
+++ b/tests/expected/01_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": null,
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": null,
     "HtmlFilterSimpleQuoteOneTimeBinding": null,
-    "HtmlNgBindHtml Key ' 1/1": null,
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": null,
+    "HtmlNgBindHtml Key ' 1/2": null,
     "JavascriptFilter 1/2 with var \"{name}\"": "my {name} javascript filter",
     "JavascriptFilter 2/2 without var": null,
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": null,
diff --git a/tests/expected/02_fr_FR.json b/tests/expected/02_fr_FR.json
index 666ec47..170fbac 100644
--- a/tests/expected/02_fr_FR.json
+++ b/tests/expected/02_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "my {name} javascript filter",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/03_fr_FR.json b/tests/expected/03_fr_FR.json
index 67dc3eb..7944f24 100644
--- a/tests/expected/03_fr_FR.json
+++ b/tests/expected/03_fr_FR.json
@@ -10,7 +10,8 @@
     "HtmlFilterSimpleQuote[] interp'olation [[xx]]": "",
     "HtmlFilterSimpleQuote[] on same line 1/2": "",
     "HtmlFilterSimpleQuote[] on same line 2/2": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/04_en_US.json b/tests/expected/04_en_US.json
index 5c0866b..635a316 100644
--- a/tests/expected/04_en_US.json
+++ b/tests/expected/04_en_US.json
@@ -11,6 +11,7 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "HtmlFilterDoubleQuote{} on same line 2/2",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "HtmlFilterDoubleQuote{} {{var}}on same line 1/2",
     "HtmlFilterSimpleQuoteOneTimeBinding": "HtmlFilterSimpleQuoteOneTimeBinding",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>",
     "HtmlNgBindHtml Key ' 1/1": "HtmlNgBindHtml Key ' 1/1",
     "JavascriptFilter 1/2 with var \"{name}\"": "JavascriptFilter 1/2 with var \"{name}\"",
     "JavascriptFilter 2/2 without var": "JavascriptFilter 2/2 without var",
diff --git a/tests/expected/04_fr_FR.json b/tests/expected/04_fr_FR.json
index fc3b108..7cc68ed 100644
--- a/tests/expected/04_fr_FR.json
+++ b/tests/expected/04_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/05_en_US.json b/tests/expected/05_en_US.json
index c69e969..3ecdd46 100644
--- a/tests/expected/05_en_US.json
+++ b/tests/expected/05_en_US.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "HtmlFilterDoubleQuote{} on same line 2/2",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "HtmlFilterDoubleQuote{} {{var}}on same line 1/2",
     "HtmlFilterSimpleQuoteOneTimeBinding": "HtmlFilterSimpleQuoteOneTimeBinding",
-    "HtmlNgBindHtml Key ' 1/1": "HtmlNgBindHtml Key ' 1/1",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>",
+    "HtmlNgBindHtml Key ' 1/2": "HtmlNgBindHtml Key ' 1/2",
     "JavascriptFilter 1/2 with var \"{name}\"": "JavascriptFilter 1/2 with var \"{name}\"",
     "JavascriptFilter 2/2 without var": "JavascriptFilter 2/2 without var",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "JavascriptServiceArrayDoubleQuote 1/2 without var.",
diff --git a/tests/expected/10_1_fr_FR.json b/tests/expected/10_1_fr_FR.json
index a303ec6..10e2b79 100644
--- a/tests/expected/10_1_fr_FR.json
+++ b/tests/expected/10_1_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/10_fr_FR.json b/tests/expected/10_fr_FR.json
index 09d40a0..420a5bb 100644
--- a/tests/expected/10_fr_FR.json
+++ b/tests/expected/10_fr_FR.json
@@ -11,7 +11,8 @@
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
-    "HtmlNgBindHtml Key ' 1/1": "",
+    "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
+    "HtmlNgBindHtml Key ' 1/2": "",
     "JavascriptFilter 1/2 with var \"{name}\"": "",
     "JavascriptFilter 2/2 without var": "",
     "JavascriptServiceArrayDoubleQuote 1/2 without var.": "",
diff --git a/tests/expected/template.pot b/tests/expected/template.pot
index bf511fb..431e2fc 100644
--- a/tests/expected/template.pot
+++ b/tests/expected/template.pot
@@ -81,7 +81,11 @@ msgid "HtmlFilterSimpleQuoteOneTimeBinding"
 msgstr ""
 
 msgctxt ""
-msgid "HtmlNgBindHtml Key ' 1/1"
+msgid "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>"
+msgstr ""
+
+msgctxt ""
+msgid "HtmlNgBindHtml Key ' 1/2"
 msgstr ""
 
 msgctxt ""
diff --git a/tests/fixtures/index.html b/tests/fixtures/index.html
index 235cf00..801d223 100644
--- a/tests/fixtures/index.html
+++ b/tests/fixtures/index.html
@@ -69,7 +69,11 @@ <h1>Our title text</h1>
   TEST CASE - ng-bind-html
 -->
 <p>
-  <span style="text-align:center" ng-bind-html="'HtmlNgBindHtml Key \' 1/1'|translate"></span>
+  <span style="text-align:center" ng-bind-html="'HtmlNgBindHtml Key \' 1/2'|translate"></span>
+</p>
+
+<p>
+  <span style="text-align:center" ng-bind-html="'HtmlNgBindHtml 2/2 Created with <i class=&quot;ion-heart&quot;></i>' | translate"></span>
 </p>
 
 <!--
@@ -88,4 +92,4 @@ <h1>Our title text</h1>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 75d9a23f0782729bf97877963d6e06c5f9f42c1f Mon Sep 17 00:00:00 2001
From: Murat Yukselen <muratyukselen@gmail.com>
Date: Thu, 5 Jan 2017 20:18:12 +0300
Subject: [PATCH 2/3] refactor(regexp): delete forgotten debug line

In order to find erronous regexp, a debug log section was added. This removes it.
---
 src/index.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/index.js b/src/index.js
index 83933c8..3c061f5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -149,10 +149,6 @@ var extractor
             }
           }
 
-          if (translationKey.indexOf("1/2'|translate") !== -1) {
-            _log.debug("MYN found", translationKey, regexName)
-          }
-
           // Store the translationKey with the value into results
           var defaultValueByTranslationKey = function (translationKey, translationDefaultValue) {
             if (regexName !== "JavascriptServiceArraySimpleQuote" &&

From 163459a18aa8e30a82adf1f78b59c64e47a50deb Mon Sep 17 00:00:00 2001
From: Murat Yukselen <muratyukselen@gmail.com>
Date: Wed, 11 Jan 2017 15:56:37 +0300
Subject: [PATCH 3/3] fix(interpolation): fixed escaped interpolation string
 handling

Interpolation string should be escaped properly when used in an interpolation. This is handled in
HtmlFilterDoubleQuote and HtmlFilterSimpleQuote translationKey processing.
---
 src/index.js                   | 15 +++++++++++++--
 src/utils.js                   | 11 ++++++++++-
 tests/expected/00_fr_FR.json   |  1 +
 tests/expected/01_fr_FR.json   |  1 +
 tests/expected/02_fr_FR.json   |  1 +
 tests/expected/04_fr_FR.json   |  1 +
 tests/expected/05_en_US.json   |  1 +
 tests/expected/10_1_fr_FR.json |  1 +
 tests/expected/10_fr_FR.json   |  1 +
 tests/expected/template.pot    |  4 ++++
 tests/fixtures/index.html      | 10 ++++++++++
 11 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/src/index.js b/src/index.js
index 3c061f5..293670e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -58,6 +58,9 @@ var extractor
         keyAsText         = this.data.keyAsText || false,
         adapter           = this.data.adapter || 'json'
 
+    var escapedInterpolationStartRegex = new RegExp(_utils.escapeRegExpInterpolation(interpolation.startDelimiter), 'g'),
+        escapedInterpolationEndRegex   = new RegExp(_utils.escapeRegExpInterpolation(interpolation.endDelimiter), 'g')
+
     // Extract regex strings from content and feed results object
     var _extractTranslation = (regexName, regex, content, results) => {
       var r
@@ -104,23 +107,31 @@ var extractor
 
           switch (regexName) {
             case "commentSimpleQuote":
-            case "HtmlFilterSimpleQuote":
             case "JavascriptServiceSimpleQuote":
             case "JavascriptServiceInstantSimpleQuote":
             case "JavascriptFilterSimpleQuote":
               translationKey = translationKey.replace(/\\\'/g, "'");
               break;
+            case "HtmlFilterSimpleQuote":
+              translationKey = translationKey.replace(/\\\'/g, "'");
+              translationKey = translationKey.replace(escapedInterpolationStartRegex, interpolation.startDelimiter);
+              translationKey = translationKey.replace(escapedInterpolationEndRegex, interpolation.endDelimiter);
+              break;
             case "HtmlNgBindHtml":
               translationKey = translationKey.replace(/\\\'/g, "'");
               translationKey = translationKey.replace(/&quot;/g, '"');
               break;
             case "commentDoubleQuote":
-            case "HtmlFilterDoubleQuote":
             case "JavascriptServiceDoubleQuote":
             case "JavascriptServiceInstantDoubleQuote":
             case "JavascriptFilterDoubleQuote":
               translationKey = translationKey.replace(/\\\"/g, '"')
               break
+            case "HtmlFilterDoubleQuote":
+              translationKey = translationKey.replace(/\\\"/g, '"')
+              translationKey = translationKey.replace(escapedInterpolationStartRegex, interpolation.startDelimiter);
+              translationKey = translationKey.replace(escapedInterpolationEndRegex, interpolation.endDelimiter);
+              break
             case "JavascriptServiceArraySimpleQuote":
             case "JavascriptServiceArrayDoubleQuote":
               var key
diff --git a/src/utils.js b/src/utils.js
index 0539fca..6703d2f 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -58,6 +58,15 @@ export class Utils {
     return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&")
   }
 
+  /**
+   * Escape interpolation characters in the given str
+   * @param str
+   * @returns {void|string|XML}
+   */
+  escapeRegExpInterpolation(str) {
+    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\\\\\$&")
+  }
+
   /**
    * Extract different part from a ternary operation
    * eg: myVar ? 'myFirst result' : 'mySecond result'
@@ -83,4 +92,4 @@ export class Utils {
   }
 }
 
-Utils.BASE_PATH_NAME = "basePath"
\ No newline at end of file
+Utils.BASE_PATH_NAME = "basePath"
diff --git a/tests/expected/00_fr_FR.json b/tests/expected/00_fr_FR.json
index 7cc68ed..b236115 100644
--- a/tests/expected/00_fr_FR.json
+++ b/tests/expected/00_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "",
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
+    "HtmlFilterSimpleQuote with {{varName}}": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
     "HtmlNgBindHtml Key ' 1/2": "",
diff --git a/tests/expected/01_fr_FR.json b/tests/expected/01_fr_FR.json
index 4a313f3..4cb46bb 100644
--- a/tests/expected/01_fr_FR.json
+++ b/tests/expected/01_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": null,
     "HtmlFilterDoubleQuote{} on same line 2/2": null,
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": null,
+    "HtmlFilterSimpleQuote with {{varName}}": null,
     "HtmlFilterSimpleQuoteOneTimeBinding": null,
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": null,
     "HtmlNgBindHtml Key ' 1/2": null,
diff --git a/tests/expected/02_fr_FR.json b/tests/expected/02_fr_FR.json
index 170fbac..a304992 100644
--- a/tests/expected/02_fr_FR.json
+++ b/tests/expected/02_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "",
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
+    "HtmlFilterSimpleQuote with {{varName}}": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
     "HtmlNgBindHtml Key ' 1/2": "",
diff --git a/tests/expected/04_fr_FR.json b/tests/expected/04_fr_FR.json
index 7cc68ed..b236115 100644
--- a/tests/expected/04_fr_FR.json
+++ b/tests/expected/04_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "",
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
+    "HtmlFilterSimpleQuote with {{varName}}": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
     "HtmlNgBindHtml Key ' 1/2": "",
diff --git a/tests/expected/05_en_US.json b/tests/expected/05_en_US.json
index 3ecdd46..abf2ac0 100644
--- a/tests/expected/05_en_US.json
+++ b/tests/expected/05_en_US.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "HtmlFilterDoubleQuote{} interp\"olation {{xx}}",
     "HtmlFilterDoubleQuote{} on same line 2/2": "HtmlFilterDoubleQuote{} on same line 2/2",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "HtmlFilterDoubleQuote{} {{var}}on same line 1/2",
+    "HtmlFilterSimpleQuote with {{varName}}": "HtmlFilterSimpleQuote with {{varName}}",
     "HtmlFilterSimpleQuoteOneTimeBinding": "HtmlFilterSimpleQuoteOneTimeBinding",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>",
     "HtmlNgBindHtml Key ' 1/2": "HtmlNgBindHtml Key ' 1/2",
diff --git a/tests/expected/10_1_fr_FR.json b/tests/expected/10_1_fr_FR.json
index 10e2b79..2590e55 100644
--- a/tests/expected/10_1_fr_FR.json
+++ b/tests/expected/10_1_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "",
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
+    "HtmlFilterSimpleQuote with {{varName}}": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
     "HtmlNgBindHtml Key ' 1/2": "",
diff --git a/tests/expected/10_fr_FR.json b/tests/expected/10_fr_FR.json
index 420a5bb..6fc04f2 100644
--- a/tests/expected/10_fr_FR.json
+++ b/tests/expected/10_fr_FR.json
@@ -10,6 +10,7 @@
     "HtmlFilterDoubleQuote{} interp\"olation {{xx}}": "",
     "HtmlFilterDoubleQuote{} on same line 2/2": "",
     "HtmlFilterDoubleQuote{} {{var}}on same line 1/2": "",
+    "HtmlFilterSimpleQuote with {{varName}}": "",
     "HtmlFilterSimpleQuoteOneTimeBinding": "",
     "HtmlNgBindHtml 2/2 Created with <i class=\"ion-heart\"></i>": "",
     "HtmlNgBindHtml Key ' 1/2": "",
diff --git a/tests/expected/template.pot b/tests/expected/template.pot
index 431e2fc..73941d0 100644
--- a/tests/expected/template.pot
+++ b/tests/expected/template.pot
@@ -76,6 +76,10 @@ msgctxt ""
 msgid "HtmlFilterDoubleQuote{} on same line 2/2"
 msgstr ""
 
+msgctxt ""
+msgid "HtmlFilterSimpleQuote with {{varName}}"
+msgstr ""
+
 msgctxt ""
 msgid "HtmlFilterSimpleQuoteOneTimeBinding"
 msgstr ""
diff --git a/tests/fixtures/index.html b/tests/fixtures/index.html
index 801d223..858e813 100644
--- a/tests/fixtures/index.html
+++ b/tests/fixtures/index.html
@@ -32,6 +32,16 @@ <h2>[['HtmlFilterSimpleQuote[] on same line 1/2'| translate:'{var : 1}']] - [['H
   <h1 style="color:red">{{ ::'HtmlFilterSimpleQuoteOneTimeBinding' | translate }}</h1>
 </header>
 
+<!--
+  TEST CASE - Filter HTML
+  Interpolation: {{ }}
+  Simple quote
+  Variables
+-->
+<header style="font-family:'Helvetica Neue'">
+  <h1 description="{{ 'HtmlFilterSimpleQuote with \{\{varName\}\}' | translate:{varName: 'Variables'} }}">Inspect 'description' attribute</h1>
+</header>
+
 <!--
   TEST CASE - Filter HTML
   Interpolation: {{ }}