test: add tests for style directive |important modifier (#227)

* test: add tests for style directive `|important` modifier

* fix

Author: ota-meshi

.devcontainer/devcontainer.json

@@ -15,14 +15,15 @@
 
 	// Add the IDs of extensions you want installed when the container is created.
 	"extensions": [
-		"dbaeumer.vscode-eslint"
+		"dbaeumer.vscode-eslint",
+		"svelte.svelte-vscode"
 	],
 
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	// "forwardPorts": [],
 
 	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "npm install",
+	"postCreateCommand": "yarn install",
 
 	// Comment out connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
 	"remoteUser": "node"

explorer-v2/src/lib/ESLintPlayground.svelte

@@ -141,7 +141,7 @@
 					{#each messages as msg, i (`${msg.line}:${msg.column}:${msg.ruleId}@${i}`)}
 						<li class="message">
 							[{msg.line}:{msg.column}]:
-							{msg.message} (<a href={getURL(msg.ruleId)} target="_blank">
+							{msg.message} (<a href={getURL(msg.ruleId)} target="_blank" rel="noopener noreferrer">
 								{msg.ruleId}
 							</a>)
 						</li>

explorer-v2/src/lib/RulesSettings.svelte

@@ -88,7 +88,7 @@
 										/>
 										{rule.ruleId}
 									</label>
-									<a href={rule.url} target="_blank"
+									<a href={rule.url} target="_blank" rel="noopener noreferrer"
 										><svg
 											xmlns="http://www.w3.org/2000/svg"
 											aria-hidden="true"

package.json

@@ -60,7 +60,7 @@
     "@types/eslint-scope": "^3.7.0",
     "@types/eslint-visitor-keys": "^1.0.0",
     "@types/mocha": "^10.0.0",
-    "@types/node": "^16.0.0",
+    "@types/node": "^18.11.0",
     "@types/semver": "^7.3.9",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",

tests/fixtures/parser/ast/docs/template-syntax/11-element-directives/05.1-style-property/01-output.json

@@ -47,6 +47,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 5,
                 19
@@ -214,6 +215,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 36,
                 50
@@ -363,6 +365,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 67,
                 81

tests/fixtures/parser/ast/docs/template-syntax/11-element-directives/05.1-style-property/02-output.json

@@ -83,6 +83,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 35,
                 46
@@ -470,6 +471,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 135,
                 146
@@ -708,6 +710,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 235,
                 246
@@ -909,6 +912,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 304,
                 315
@@ -963,6 +967,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 316,
                 327
@@ -1036,6 +1041,7 @@
                   }
                 }
               },
+              "modifiers": [],
               "range": [
                 336,
                 358

tests/fixtures/parser/ast/docs/template-syntax/11-element-directives/05.1-style-property/02.1-input.svelte

@@ -0,0 +1,2 @@
+<!-- Styles can be marked as important -->
+<div style:color|important="red">...</div>