test(consistent-selector-style): added rule tests

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-class-type/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["id", "class", "type"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-class-type/should-be-id-combination01-input.svelte

@@ -0,0 +1,24 @@
+<a class="link">Click me!</a>
+
+<a>Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 3</b>
+
+<i>Italic</i>
+
+<style>
+  .link,
+  .bold,
+  .link:active,
+  .link + .bold,
+  .bold[data-key="val"],
+  .bold::before,
+  i,
+  i:active,
+  #bold + i,
+  i::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-class-type/should-be-id01-input.svelte

@@ -0,0 +1,51 @@
+<a class="link">Click me!</a>
+
+<a>Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 3</b>
+
+<i>Italic</i>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+
+  i {
+  	color: red;
+  }
+
+  i:active {
+  	color: red;
+  }
+
+  #bold + i {
+  	color: red;
+  }
+
+  i::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-type-class/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["id", "type", "class"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-type-class/should-be-id01-input.svelte

@@ -0,0 +1,51 @@
+<a class="link">Click me!</a>
+
+<a>Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 3</b>
+
+<i>Italic</i>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+
+  i {
+  	color: red;
+  }
+
+  i:active {
+  	color: red;
+  }
+
+  #bold + i {
+  	color: red;
+  }
+
+  i::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/id-type-class/should-be-type01-input.svelte

@@ -0,0 +1,33 @@
+<a class="link">Click me!</a>
+
+<a class="link">Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b class="bold" data-key="val">Text 2</b>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/type-class-id/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["type", "class", "id"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/type-class-id/should-be-type01-input.svelte

@@ -0,0 +1,51 @@
+<a class="link">Click me!</a>
+
+<a class="link">Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b class="bold" data-key="val">Text 2</b>
+
+<i id="italic">Italic</i>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+
+  #italic {
+  	color: red;
+  }
+
+  #italic:active {
+  	color: red;
+  }
+
+  b + #italic {
+  	color: red;
+  }
+
+  #italic::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/type-id-class/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["type", "id", "class"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/type-id-class/should-be-id01-input.svelte

@@ -0,0 +1,33 @@
+<a class="link">Click me!</a>
+
+<a>Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 3</b>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/invalid/type-id-class/should-be-type01-input.svelte

@@ -0,0 +1,51 @@
+<a class="link">Click me!</a>
+
+<a class="link">Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b class="bold" data-key="val">Text 2</b>
+
+<i id="italic">Italic</i>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+
+  #italic {
+  	color: red;
+  }
+
+  #italic:active {
+  	color: red;
+  }
+
+  b + #italic {
+  	color: red;
+  }
+
+  #italic::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["class", "id", "type"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class-scss01-input.svelte

@@ -0,0 +1,15 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b>Text 2</b>
+
+<style lang="scss">
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class01-input.svelte

@@ -0,0 +1,31 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 2</b>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+</style>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/_config.json

@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["class", "type", "id"] }]
+}

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class-scss01-input.svelte

@@ -0,0 +1,15 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b>Text 2</b>
+
+<style lang="scss">
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+</style>