test(consistent-selector-style): Added tests for repeated elements

Author: marekdedic

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

@@ -10,6 +10,14 @@
 
 <b class:conditional={true}>Text 3</b>
 
+{#each ["one", "two"] as iter}
+  <span class="iterated-each">{iter}</span>
+{/each}
+
+<CustomComponent>
+  <span class="iterated-component">Text 5</span>
+</CustomComponent>
+
 <style>
   .link {
     color: red;
@@ -38,4 +46,12 @@
   .conditional {
     color: red;
   }
+
+  .iterated-each {
+    color: red;
+  }
+
+  .iterated-component {
+    color: red;
+  }
 </style>

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

@@ -0,0 +1,3 @@
+{
+	"svelte": ">=5.0.0"
+}

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

@@ -0,0 +1,9 @@
+{#snippet iterated()}
+  <span class="iterated-snippet">Text 4</span>
+{/snippet}
+
+<style>
+  .iterated-snippet {
+    color: red;
+  }
+</style>

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

@@ -19,6 +19,10 @@
 
 <a class={derived}>Click me four!</a>
 
+{#each ["one", "two"] as count}
+  <b class={"bold-" + count}>Bold in each</b>
+{/each}
+
 <style>
   .foo-link-one {
     color: red;
@@ -31,4 +35,12 @@
   .foo-link-three {
     color: red;
   }
+
+  .bold-one {
+    color: red;
+  }
+
+  .bold-two {
+    color: blue;
+  }
 </style>