test(no-navigation-without-resolve): added tests with shorthand properties

Author: marekdedic

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-partial-resolve01-errors.yaml

@@ -1,12 +1,16 @@
 - message: Unexpected href link without resolve().
-  line: 7
+  line: 8
   column: 9
   suggestions: null
 - message: Unexpected href link without resolve().
-  line: 8
+  line: 9
   column: 9
   suggestions: null
 - message: Unexpected href link without resolve().
-  line: 9
+  line: 10
   column: 9
   suggestions: null
+- message: Unexpected href link without resolve().
+  line: 11
+  column: 4
+  suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-partial-resolve01-input.svelte

@@ -2,8 +2,10 @@
 	import { resolve } from '$app/paths';
 
 	const value = resolve('/foo') + '/bar';
+	const href = resolve('/foo') + '/bar';
 </script>
 
 <a href={resolve('/foo') + '/bar'}>Click me!</a>
 <a href={'/foo' + resolve('/bar')}>Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-with-fragment01-errors.yaml

@@ -1,10 +1,6 @@
-- message: Unexpected href link without resolve().
-  line: 5
-  column: 10
-  suggestions: null
 - message: Unexpected href link without resolve().
   line: 6
-  column: 9
+  column: 10
   suggestions: null
 - message: Unexpected href link without resolve().
   line: 7
@@ -18,3 +14,11 @@
   line: 9
   column: 9
   suggestions: null
+- message: Unexpected href link without resolve().
+  line: 10
+  column: 4
+  suggestions: null
+- message: Unexpected href link without resolve().
+  line: 11
+  column: 9
+  suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-with-fragment01-input.svelte

@@ -1,9 +1,11 @@
 <script>
 	const value = "/foo#section";
+	const href = "/foo#section";
 </script>
 
 <a href="/foo#section">Click me!</a>
 <a href={'/foo#section'}>Click me!</a>
 <a href={'/' + 'foo#section'}>Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>
 <a href={'/foo#section:42'}>Click me!</a>

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-without-resolve01-errors.yaml

@@ -1,10 +1,6 @@
-- message: Unexpected href link without resolve().
-  line: 5
-  column: 10
-  suggestions: null
 - message: Unexpected href link without resolve().
   line: 6
-  column: 9
+  column: 10
   suggestions: null
 - message: Unexpected href link without resolve().
   line: 7
@@ -18,3 +14,11 @@
   line: 9
   column: 9
   suggestions: null
+- message: Unexpected href link without resolve().
+  line: 10
+  column: 4
+  suggestions: null
+- message: Unexpected href link without resolve().
+  line: 11
+  column: 9
+  suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/invalid/link-without-resolve01-input.svelte

@@ -1,9 +1,11 @@
 <script>
 	const value = "/foo";
+	const href = "/foo";
 </script>
 
 <a href="/foo">Click me!</a>
 <a href={'/foo'}>Click me!</a>
 <a href={'/' + 'foo'}>Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>
 <a href={'/user:42'}>Click me!</a>

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/valid/link-absolute-url01-input.svelte

@@ -2,6 +2,7 @@
 	const protocol = 'https';
 
 	const value = "https://svelte.dev";
+	const href = "https://svelte.dev";
 </script>
 
 <a href="http://svelte.dev">Click me!</a>
@@ -16,3 +17,4 @@
 <a href="mailto:[email protected]">Click me!</a>
 <a href="tel:+123456789">Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/valid/link-fragment-url01-input.svelte

@@ -2,6 +2,7 @@
 	const section = 'sectionName';
 
 	const value = '#section';
+	const href = '#section';
 </script>
 
 <a href="#">Click me!</a>
@@ -12,3 +13,4 @@
 <a href={`#${section}`}>Click me!</a>
 <a href={'#user:42'}>Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>

packages/eslint-plugin-svelte/tests/fixtures/rules/no-navigation-without-resolve/valid/link-resolved01-input.svelte

@@ -2,7 +2,9 @@
 	import { resolve } from '$app/paths';
 
 	const value = resolve('/foo/');
+	const href = resolve('/foo/');
 </script>
 
 <a href={resolve('/foo/')}>Click me!</a>
 <a href={value}>Click me!</a>
+<a {href}>Click me!</a>