test: css class hints php, html, xhtml test

abose · abose · commit 8b90198dfe8c · 2024-04-20T20:24:18.000+05:30
diff --git a/src/extensions/default/HTMLCodeHints/integ-tests.js b/src/extensions/default/HTMLCodeHints/integ-tests.js
@@ -286,18 +286,34 @@ define(function (require, exports, module) {
             await _validateCssEdit("cssLive1.scss");
         });
 
-        it("should be able to add the class name by selecting the code hint", async function () {
-            await openFile("inlineStyle.html", true);
+        async function _testCssClassHintInFile(htmlLikeFile) {
+            await openFile(htmlLikeFile, true);
             await openFile("cssLive.css", true);
             // this prefix is aaa as we need it as the top code hint
             const cssClassName = StringUtils.randomString(5, "aaaaaaaaaaa");
             setText({ line: 0, ch: 0 }, `.${cssClassName}{}\n`);
 
-            await openFile("inlineStyle.html", true);
+            await openFile(htmlLikeFile, true);
             setText({ line: 12, ch: 31 }, ` `);
             await _validateCodeHints({ line: 12, ch: 32 }, [cssClassName], 0);
             expect(EditorManager.getActiveEditor().getToken().string).toBe(`"integratedStyle ${cssClassName}"`);
             await closeSession();
+        }
+
+        it("should be able to add the class name by selecting the code hint in HTML file", async function () {
+            await _testCssClassHintInFile("inlineStyle.html");
+        });
+
+        it("should be able to add the class name by selecting the code hint in HTM file", async function () {
+            await _testCssClassHintInFile("inlineStyle.htm");
+        });
+
+        it("should be able to add the class name by selecting the code hint in XHTML file", async function () {
+            await _testCssClassHintInFile("inlineStyle.xhtml");
+        });
+
+        it("should be able to add the class name by selecting the code hint in PHP file", async function () {
+            await _testCssClassHintInFile("inlineStyle.php");
         });
     });
 });
diff --git a/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.htm b/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>inline styles test</title>
+    <style>
+        .integratedStyle {
+            color: blue;
+        }
+    </style>
+</head>
+<body>
+    <div class="integratedStyle">
+        this file has integrated html styles
+    </div>
+</body>
+</html>
diff --git a/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.php b/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>inline styles test</title>
+    <style>
+        .integratedStyle {
+            color: blue;
+        }
+    </style>
+</head>
+<body>
+    <div class="integratedStyle">
+        this file has integrated html styles
+    </div>
+</body>
+</html>
diff --git a/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.xhtml b/test/spec/LiveDevelopment-MultiBrowser-test-files/inlineStyle.xhtml
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <title>inline styles test</title>
+    <style>
+        .integratedStyle {
+            color: blue;
+        }
+    </style>
+</head>
+<body>
+    <div class="integratedStyle">
+        this file has integrated html styles
+    </div>
+</body>
+</html>
