chore(prefer-svelte-reactivity): added tests

Author: marekdedic

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/_requirements.json

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

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/date01-input.svelte

@@ -0,0 +1,40 @@
+<script>
+  const variable = new Date(8.64e15);
+
+	variable.setDate(24);
+	variable.setFullYear(1968);
+	variable.setFullYear(1968, 10);
+	variable.setFullYear(1968, 10, 3);
+	variable.setHours(23);
+	variable.setHours(23, 59);
+	variable.setHours(23, 59, 59);
+	variable.setHours(23, 59, 59, 999);
+	variable.setMilliseconds(999);
+	variable.setMinutes(59);
+	variable.setMinutes(59, 59);
+	variable.setMinutes(59, 59, 999);
+	variable.setMonth(11);
+	variable.setMonth(11, 23);
+	variable.setSeconds(59);
+	variable.setSeconds(59, 999);
+	variable.setTime(123456);
+	variable.setUTCDate(23);
+	variable.setUTCFullYear(1968);
+	variable.setUTCFullYear(1968, 10);
+	variable.setUTCFullYear(1968, 10, 3);
+	variable.setUTCHours(23);
+	variable.setUTCHours(23, 59);
+	variable.setUTCHours(23, 59, 59);
+	variable.setUTCHours(23, 59, 59, 999);
+	variable.setUTCMilliseconds(420);
+	variable.setUTCMinutes(59);
+	variable.setUTCMinutes(59, 59);
+	variable.setUTCMinutes(59, 59, 999);
+	variable.setUTCMonth(10);
+	variable.setUTCMonth(10, 3);
+	variable.setUTCSeconds(59);
+	variable.setUTCSeconds(59, 999);
+	variable.setYear(1968);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/exports-input.svelte.js

@@ -0,0 +1,11 @@
+const variable1 = new Date(8.64e15);
+const variable2 = new Map([[1, "one"], [2, "two"]]);
+const variable3 = new Set([1, 2, 1, 3, 3]);
+const variable4 = new URLSearchParams("foo=1&bar=2");
+const variable5 = new URL("https://svelte.dev/");
+
+export variable1;
+export variable2;
+export variable3;
+export variable4;
+export variable5;

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/map01-input.svelte

@@ -0,0 +1,9 @@
+<script>
+  const variable = new Map([[1, "one"], [2, "two"]]);
+
+	variable.clear();
+	variable.delete(1);
+	variable.set(1, "two");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/set01-input.svelte

@@ -0,0 +1,9 @@
+<script>
+  const variable = new Set([1, 2, 1, 3, 3]);
+
+	variable.add(42);
+	variable.clear();
+	variable.delete(42);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/url-search-params01-input.svelte

@@ -0,0 +1,11 @@
+<script>
+  const variable = new URLSearchParams("foo=1&bar=2");
+
+	variable.append("baz", "3");
+	variable.delete("foo");
+	variable.delete("bar", "42");
+	variable.set("foo", "-1")
+	variable.sort();
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/invalid/url01-input.svelte

@@ -0,0 +1,16 @@
+<script>
+  const variable = new URL("https://svelte.dev/");
+
+	variable.hash = "anchor";
+	variable.host = "example.test";
+	variable.hostname = "example.test";
+	variable.href = "https://svelte.dev/";
+	variable.password = "passwd";
+	variable.pathname = "tutorial";
+	variable.port = "80";
+	variable.protocol = "https";
+	variable.search = "foo=bar";
+	variable.username = "usr";
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/_requirements.json

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

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/aliased-date01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteDate as Date } from "svelte/reactivity";
+
+  const variable = new Date(8.64e15);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/aliased-map01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteMap as Map } from "svelte/reactivity";
+
+  const variable = new Map([[1, "one"], [2, "two"]]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/aliased-set01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteSet as Set } from "svelte/reactivity";
+
+  const variable = new Set([1, 2, 1, 3, 3]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/aliased-url-search-params01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteURLSearchParams as URLSearchParams } from "svelte/reactivity";
+
+  const variable = new URLSearchParams("foo=1&bar=2");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/aliased-url01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteURL as URL } from "svelte/reactivity";
+
+  const variable = new URL("https://svelte.dev/");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/date01-input.svelte

@@ -0,0 +1,40 @@
+<script>
+  const variable = new Date(8.64e15);
+
+	console.log(Date.now());
+	console.log(Date.parse("1970-01-01T00:00:00Z"));
+	console.log(Date.UTC(96, 1, 2, 3, 4, 5));
+	console.log(variable.getDate());
+	console.log(variable.getDay());
+	console.log(variable.getFullYear());
+	console.log(variable.getHours());
+	console.log(variable.getMilliseconds());
+	console.log(variable.getMinutes());
+	console.log(variable.getMonth());
+	console.log(variable.getSeconds());
+	console.log(variable.getTime());
+	console.log(variable.getTimezoneOffset());
+	console.log(variable.getUTCDate());
+	console.log(variable.getUTCDay());
+	console.log(variable.getUTCFullYear());
+	console.log(variable.getUTCHours());
+	console.log(variable.getUTCMilliseconds());
+	console.log(variable.getUTCMinutes());
+	console.log(variable.getUTCMonth());
+	console.log(variable.getUTCSeconds());
+	console.log(variable.getYear());
+	console.log(variable.toDateString());
+	console.log(variable.toISOString());
+	console.log(variable.toJSON());
+	console.log(variable.toLocaleDateString());
+	console.log(variable.toLocaleString());
+	console.log(variable.toLocaleTimeString());
+	console.log(variable.toString());
+	console.log(variable.toTemporalInstant());
+	console.log(variable.toTimeString());
+	console.log(variable.toUTCString());
+	console.log(variable.valueOf());
+	console.log(variable[Symbol.toPrimitive]("string"));
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/map01-input.svelte

@@ -0,0 +1,18 @@
+<script>
+	const variable = new Map([[1, "one"], [2, "two"]]);
+
+	console.log(Map.groupBy(variable, (element) => "group"));
+	console.log(Map[Symbol.species]);
+	console.log(variable.entries());
+	variable.forEach((value) => {
+		console.log(value);
+	});
+	console.log(variable.get(1));
+	console.log(variable.has(1));
+	console.log(variable.keys());
+	console.log(variable.values());
+	console.log(variable[Symbol.iterator]());
+	console.log(variable.size);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/set01-input.svelte

@@ -0,0 +1,24 @@
+<script>
+	const variable = new Set([1, 2, 1, 3, 3]);
+	const other = new Set([1, 2]);
+
+	console.log(Set[Symbol.species]);
+	console.log(variable.difference(other));
+	console.log(variable.entries());
+	variable.forEach((value) => {
+		console.log(value);
+	});
+	console.log(variable.has(1));
+	console.log(variable.intersection(other));
+	console.log(variable.isDisjointFrom(other));
+	console.log(variable.isSubsetOf(other));
+	console.log(variable.isSupersetOf(other));
+	console.log(variable.keys());
+	console.log(variable.symmetricDifference(other));
+	console.log(variable.union(other));
+	console.log(variable.values());
+	console.log(variable[Symbol.iterator]());
+	console.log(variable.size);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/svelte-date01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteDate } from "svelte/reactivity";
+
+  const variable = new SvelteDate(8.64e15);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/svelte-map01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteMap } from "svelte/reactivity";
+
+  const variable = new SvelteMap([[1, "one"], [2, "two"]]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/svelte-set01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteSet } from "svelte/reactivity";
+
+  const variable = new SvelteSet([1, 2, 1, 3, 3]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/svelte-url-search-params01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteURLSearchParams } from "svelte/reactivity";
+
+  const variable = new SvelteURLSearchParams("foo=1&bar=2");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/svelte-url01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { SvelteURL } from "svelte/reactivity";
+
+  const variable = new SvelteURL("https://svelte.dev/");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/unrelated-date01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { Date } from "package";
+
+  const variable = new Date(8.64e15);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/unrelated-map01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { Map } from "package";
+
+  const variable = new Map([[1, "one"], [2, "two"]]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/unrelated-set01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { Set } from "package";
+
+  const variable = new Set([1, 2, 1, 3, 3]);
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/unrelated-url-search-params01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { URLSearchParams } from "package";
+
+  const variable = new URLSearchParams("foo=1&bar=2");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/unrelated-url01-input.svelte

@@ -0,0 +1,7 @@
+<script>
+  import { URL } from "package";
+
+  const variable = new URL("https://svelte.dev/");
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/url-search-params01-input.svelte

@@ -0,0 +1,19 @@
+<script>
+	const variable = new URLSearchParams("foo=1&bar=2");
+
+	console.log(variable.size);
+	console.log(variable.entries());
+	variable.forEach((value, key) => {
+		console.log(key);
+		console.log(value);
+	})
+	console.log(variable.get("foo"));
+	console.log(variable.getAll("foo"));
+	console.log(variable.has("foo"));
+	console.log(variable.has("foo", "1"));
+	console.log(variable.keys());
+	console.log(variable.toString());
+	console.log(variable.values());
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/fixtures/rules/prefer-svelte-reactivity/valid/url01-input.svelte

@@ -0,0 +1,24 @@
+<script>
+	const variable = new URL("https://svelte.dev/");
+
+	console.log(variable.hash);
+	console.log(variable.host);
+	console.log(variable.hostname);
+	console.log(variable.href);
+	console.log(variable.origin);
+	console.log(variable.password);
+	console.log(variable.pathname);
+	console.log(variable.port);
+	console.log(variable.protocol);
+	console.log(variable.search);
+	console.log(variable.searchParams);
+	console.log(variable.username);
+	console.log(URL.canParse("https://svelte.dev/"));
+	objectURL = URL.createObjectURL(new MediaSource());
+	console.log(URL.parse("https://svelte.dev/"));
+	URL.revokeObjectURL(objectURL);
+	console.log(variable.toJSON());
+	console.log(variable.toString());
+</script>
+
+{variable}

packages/eslint-plugin-svelte/tests/src/rules/prefer-svelte-reactivity.ts

@@ -0,0 +1,12 @@
+import { RuleTester } from '../../utils/eslint-compat.js';
+import rule from '../../../src/rules/prefer-svelte-reactivity.js';
+import { loadTestCases } from '../../utils/utils.js';
+
+const tester = new RuleTester({
+	languageOptions: {
+		ecmaVersion: 2020,
+		sourceType: 'module'
+	}
+});
+
+tester.run('prefer-svelte-reactivity', rule as any, loadTestCases('prefer-svelte-reactivity'));