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

Author: marekdedic

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>

packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/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/id-class-type/_config.json

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

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

@@ -0,0 +1,35 @@
+<a class="link">Click me!</a>
+
+<a class="link">Click me two!</a>
+
+<b class="bold">Text 1</b>
+
+<b class="bold">Text 2</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/id-class-type/id-scss01-input.svelte

@@ -0,0 +1,15 @@
+<a id="link">Click me!</a>
+
+<b id="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/id-class-type/id01-input.svelte

@@ -0,0 +1,31 @@
+<a id="link">Click me!</a>
+
+<b id="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/id-type-class/_config.json

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

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

@@ -0,0 +1,35 @@
+<a class="link">Click me!</a>
+
+<span class="link">Click me two!</span>
+
+<b class="bold">Text 1</b>
+
+<strong class="bold">Text 2</strong>
+
+<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/id-type-class/id-scss01-input.svelte

@@ -0,0 +1,15 @@
+<a id="link">Click me!</a>
+
+<b id="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/id-type-class/id01-input.svelte

@@ -0,0 +1,31 @@
+<a id="link">Click me!</a>
+
+<b id="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/id-type-class/type01-input.svelte

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