More tests. In a helpful turn of events Jest, has decided to stop working.

Author: pngwn

.editorconfig

@@ -3,7 +3,7 @@ root = true
 [*]
 end_of_line = lf
 insert_final_newline = true
-indent_style = space
+indent_style = tabs
 indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true

.eslintrc.json

@@ -1,49 +1,49 @@
 {
-  "root": true,
-  "rules": {
-    "indent": [2, 2, { "SwitchCase": 1 }],
-    "semi": [2, "always"],
-    "keyword-spacing": [2, { "before": true, "after": true }],
-    "space-before-blocks": [2, "always"],
-    "no-mixed-spaces-and-tabs": [2, "smart-tabs"],
-    "no-cond-assign": 0,
-    "no-unused-vars": 2,
-    "object-shorthand": [2, "always"],
-    "no-const-assign": 2,
-    "no-class-assign": 2,
-    "no-this-before-super": 2,
-    "no-var": 2,
-    "no-unreachable": 2,
-    "valid-typeof": 2,
-    "quote-props": [2, "as-needed"],
-    "one-var": [2, "never"],
-    "prefer-arrow-callback": 2,
-    "prefer-const": [2, { "destructuring": "all" }],
-    "arrow-spacing": 2,
-    "no-inner-declarations": 0
-  },
+	"root": true,
+	"rules": {
+		"indent": ["error", "tab"],
+		"semi": [2, "always"],
+		"keyword-spacing": [2, { "before": true, "after": true }],
+		"space-before-blocks": [2, "always"],
+		"no-mixed-spaces-and-tabs": [2, "smart-tabs"],
+		"no-cond-assign": 0,
+		"no-unused-vars": 2,
+		"object-shorthand": [2, "always"],
+		"no-const-assign": 2,
+		"no-class-assign": 2,
+		"no-this-before-super": 2,
+		"no-var": 2,
+		"no-unreachable": 2,
+		"valid-typeof": 2,
+		"quote-props": [2, "as-needed"],
+		"one-var": [2, "never"],
+		"prefer-arrow-callback": 2,
+		"prefer-const": [2, { "destructuring": "all" }],
+		"arrow-spacing": 2,
+		"no-inner-declarations": 0
+	},
 
-  "env": {
-    "es6": true,
-    "browser": true,
-    "node": true,
-    "jest": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:import/errors",
-    "plugin:import/warnings"
-  ],
-  "plugins": ["import"],
-  "parserOptions": {
-    "ecmaVersion": 6,
-    "sourceType": "module"
-  },
-  "settings": {
-    "import/resolver": {
-      "node": {
-        "extensions": [".js"]
-      }
-    }
-  }
+	"env": {
+		"es6": true,
+		"browser": true,
+		"node": true,
+		"jest": true
+	},
+	"extends": [
+		"eslint:recommended",
+		"plugin:import/errors",
+		"plugin:import/warnings"
+	],
+	"plugins": ["import"],
+	"parserOptions": {
+		"ecmaVersion": 6,
+		"sourceType": "module"
+	},
+	"settings": {
+		"import/resolver": {
+			"node": {
+				"extensions": [".js"]
+			}
+		}
+	}
 }

.prettierrc

@@ -1,3 +1,3 @@
-useTabs: false
+useTabs: true
 singleQuote: true
 trailingComma: 'es5'

src/parsers/svelte_tags.js

@@ -1,23 +1,23 @@
 const RE_SVELTE_SELFCLOSING =
-  '\\s*<svelte:([a-z]+) (?:(?:[a-z:]+(?:="*[a-z]+"*)*)\\s*)*\\/>';
+	'\\s*<svelte:([a-z]+) (?:(?:[a-z:]+(?:="*[a-z]+"*)*)\\s*)*\\/>';
 const RE_SVELTE_START =
-  '\\s*<svelte:([a-z]+)\\s*(?:(?:[a-z:]+(?:="*[a-z]+"*)*)\\s*)*>';
+	'\\s*<svelte:([a-z]+)\\s*(?:(?:[a-z:]+(?:="*[a-z]+"*)*)\\s*)*>';
 const RE_SVELTE_END = '\\s*<\\/\\s*svelte:([a-z]+)\\s*>';
 
 const RE_SVELTE_TAG = new RegExp(
-  RE_SVELTE_SELFCLOSING + '|' + RE_SVELTE_START + '|' + RE_SVELTE_END
+	RE_SVELTE_SELFCLOSING + '|' + RE_SVELTE_START + '|' + RE_SVELTE_END
 );
 
 export function parse_svelte_tag(eat, value, silent) {
-  const match = RE_SVELTE_TAG.exec(value);
+	const match = RE_SVELTE_TAG.exec(value);
 
-  if (match) {
-    if (silent) return true;
+	if (match) {
+		if (silent) return true;
 
-    return eat(match[0])({
-      type: 'svelteTag',
-      value: match[0],
-      name: match[1],
-    });
-  }
+		return eat(match[0])({
+			type: 'svelteTag',
+			value: match[0],
+			name: match[1],
+		});
+	}
 }

test/parsers.spec.js

@@ -2,23 +2,65 @@ import { parse_svelte_tag } from '../src/parsers';
 
 // I have no idea what the unified/ remark eat function returns but i need to fake it.
 const eat = value => node => ({
-  value,
-  node,
+	value,
+	node,
 });
 
 describe('parse_svelte_tag', () => {
-  test('it should correctly match and parse any svelte tag: component', () => {
-    const input = '<svelte:component />';
-
-    const output = parse_svelte_tag(eat, input, false);
-
-    expect(output).toEqual({
-      value: '<svelte:component />',
-      node: {
-        value: '<svelte:component />',
-        name: 'component',
-        type: 'svelteTag',
-      },
-    });
-  });
+	const svelte_tags = [
+		['component', 'svelte:component'],
+		['self', 'svelte:self'],
+		['window', 'svelte:window'],
+		['body', 'svelte:body'],
+		['options', 'svelte:options'],
+	];
+
+	svelte_tags.forEach(([name, component]) => {
+		test(`it should it should correctly match and parse any svelte tag: ${name}`, () => {
+			expect(parse_svelte_tag(eat, `<${component} />`, false)).toEqual({
+				value: `<${component} />`,
+				node: {
+					value: `<${component} />`,
+					name,
+					type: 'svelteTag',
+				},
+			});
+		});
+
+		test(`it should it should correctly match and parse any svelte tag ignoring whitespace: ${name}`, () => {
+			expect(parse_svelte_tag(eat, `  		  		<${component} />`, false)).toEqual({
+				value: `  		  		<${component} />`,
+				node: {
+					value: `  		  		<${component} />`,
+					name,
+					type: 'svelteTag',
+				},
+			});
+		});
+
+		test(`it should it should correctly match and parse any svelte tag regardless of attributes: ${name}`, () => {
+			const output = parse_svelte_tag(
+				eat,
+				`<${component} foo=bar quu="quux" hello on:click on:keypress={boo} />`,
+				false
+			);
+
+			expect(output).toEqual({
+				value: `<${component} foo=bar quu="quux" hello on:click on:keypress={boo} />`,
+				node: {
+					value: `<${component} foo=bar quu="quux" hello on:click on:keypress={boo} />`,
+					name,
+					type: 'svelteTag',
+				},
+			});
+		});
+	});
+
+	test('in silent mode, matches should return true', () => {
+		const input = '<svelte:component />';
+
+		const output = parse_svelte_tag(eat, input, true);
+
+		expect(output).toBe(true);
+	});
 });