Add support for Angular 15 self-closing-tags

transifex · Sep 30, 2023 · 6a0748d · 6a0748d
1 parent f63c429
commit 6a0748d
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/packages/cli/src/api/parsers/angularHTML.js b/packages/cli/src/api/parsers/angularHTML.js
@@ -150,7 +150,7 @@ function parseHTMLTemplateFile(HASHES, filename, relativeFile, options) {
   }
 
   const data = fs.readFileSync(filename, 'utf8');
-  const { rootNodes, errors } = ngHtmlParser.parse(data);
+  const { rootNodes, errors } = ngHtmlParser.parse(data, { canSelfClose: true });
   if (errors.length) return;
 
   parseTemplateNode(rootNodes);

diff --git a/packages/cli/test/api/extract.hashedkeys.test.js b/packages/cli/test/api/extract.hashedkeys.test.js
@@ -443,6 +443,16 @@ describe('extractPhrases with hashed keys', () => {
           },
           string: '{var4}',
         },
+        'text.inside-self-closing-tag': {
+          meta: {
+            context: [],
+            occurrences: [
+              'angular-template.html',
+            ],
+            tags: [],
+          },
+          string: 'This is some text inside a self-closing tag',
+        },
       });
   });
 

diff --git a/packages/cli/test/api/extract.sourcekeys.test.js b/packages/cli/test/api/extract.sourcekeys.test.js
@@ -424,6 +424,16 @@ describe('extractPhrases with source keys', () => {
           },
           string: '{var4}',
         },
+        'text.inside-self-closing-tag': {
+          meta: {
+            context: [],
+            occurrences: [
+              'angular-template.html',
+            ],
+            tags: [],
+          },
+          string: 'This is some text inside a self-closing tag',
+        },
       });
   });
 

diff --git a/packages/cli/test/fixtures/angular-template.html b/packages/cli/test/fixtures/angular-template.html
@@ -98,4 +98,6 @@ <h1 class="marginBottom-2x">
     >
     Content 1
   </mat-tab>
+
+  <T str="This is some text inside a self-closing tag" key="text.inside-self-closing-tag" />
 </div>