diff --git a/tests/app/snippets/gestures.component.xml b/tests/app/snippets/gestures.component.html
similarity index 100%
rename from tests/app/snippets/gestures.component.xml
rename to tests/app/snippets/gestures.component.html
diff --git a/tests/app/snippets/gestures.component.ts b/tests/app/snippets/gestures.component.ts
index b6212028b..5369ef749 100644
--- a/tests/app/snippets/gestures.component.ts
+++ b/tests/app/snippets/gestures.component.ts
@@ -9,7 +9,7 @@ import {
 
 @Component({
     selector: "gestures",
-    templateUrl: "snippets/gestures.component.xml",
+    templateUrl: "snippets/gestures.component.html",
     styles:['label { font-size: 32; margin: 2; background-color: lightgreen;}']
 })
 export class GestureComponent {
diff --git a/tests/app/snippets/icon-font.component.xml b/tests/app/snippets/icon-font.component.html
similarity index 100%
rename from tests/app/snippets/icon-font.component.xml
rename to tests/app/snippets/icon-font.component.html
diff --git a/tests/app/snippets/icon-font.component.ts b/tests/app/snippets/icon-font.component.ts
index 21046a00e..4cc084642 100644
--- a/tests/app/snippets/icon-font.component.ts
+++ b/tests/app/snippets/icon-font.component.ts
@@ -4,7 +4,7 @@ import {Component} from "@angular/core";
 @Component({ 
     // >> (hide)
     selector: "icon-font",
-    templateUrl: "snippets/icon-font.component.xml",
+    templateUrl: "snippets/icon-font.component.html",
     styleUrls: ["snippets/icon-font.component.css"]
     // << (hide)
     // ...
diff --git a/tests/app/snippets/layouts.component.xml b/tests/app/snippets/layouts.component.html
similarity index 100%
rename from tests/app/snippets/layouts.component.xml
rename to tests/app/snippets/layouts.component.html
diff --git a/tests/app/snippets/layouts.component.ts b/tests/app/snippets/layouts.component.ts
index 2c3daf857..32196b7d8 100644
--- a/tests/app/snippets/layouts.component.ts
+++ b/tests/app/snippets/layouts.component.ts
@@ -2,7 +2,7 @@ import {Component} from "@angular/core";
 
 @Component({
     selector: "gestures",
-    templateUrl: "snippets/layouts.component.xml",
+    templateUrl: "snippets/layouts.component.html",
     styles:[
         'Image { background-color: coral }',
         '.title { margin: 10; horizontal-align: center; font-size: 32 }',