update tests

register.js

@@ -3,7 +3,7 @@ const path = require('path');
 const { compile } = require('./compiler.js');
 
 let compileOptions = {
-	extensions: ['.html']
+	extensions: ['.svelte', '.html']
 };
 
 function capitalise(name) {
@@ -43,6 +43,7 @@ function registerExtension(extension) {
 	};
 }
 
+registerExtension('.svelte');
 registerExtension('.html');
 
 module.exports = register;

test/cli/samples/basic/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html > actual/Main.js
+svelte compile src/Main.svelte > actual/Main.js

test/cli/samples/basic/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/custom-element/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html --customElement > actual/Main.js
+svelte compile src/Main.svelte --customElement > actual/Main.js

test/cli/samples/custom-element/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/dev/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html -d > actual/Main.js
+svelte compile src/Main.svelte -d > actual/Main.js

test/cli/samples/dev/expected/Main.js

@@ -1,6 +1,6 @@
-/* src/Main.html generated by Svelte v2.13.4 */
+/* src/Main.svelte generated by Svelte v2.13.4 */
 
-const file = "src/Main.html";
+const file = "src/Main.svelte";
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/dir-sourcemap/expected/Main.js

@@ -1,5 +1,5 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
-import Widget from './Widget.html';
+import Widget from './Widget.svelte';
 
 
 

test/cli/samples/dir-sourcemap/expected/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sources":["../src/Main.html"],"sourcesContent":["<Widget/>\n\n<script>\n\timport Widget from './Widget.html';\n\n\texport default {\n\t\tcomponents: {\n\t\t\tWidget\n\t\t}\n\t};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Main.js","sources":["../src/Main.svelte"],"sourcesContent":["<Widget/>\n\n<script>\n\timport Widget from './Widget.svelte';\n\n\texport default {\n\t\tcomponents: {\n\t\t\tWidget\n\t\t}\n\t};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

test/cli/samples/dir-sourcemap/expected/Widget.js

@@ -1,4 +1,4 @@
-/* src/Widget.html generated by Svelte vx.y.z */
+/* src/Widget.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/dir-sourcemap/expected/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sources":["../src/Widget.html"],"sourcesContent":["<p>widget</p>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Widget.js","sources":["../src/Widget.svelte"],"sourcesContent":["<p>widget</p>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

test/cli/samples/dir-subdir/expected/Main.js

@@ -1,5 +1,5 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
-import Widget from './widget/Widget.html';
+import Widget from './widget/Widget.svelte';
 
 
 

test/cli/samples/dir-subdir/expected/widget/Widget.js

@@ -1,4 +1,4 @@
-/* src/widget/Widget.html generated by Svelte vx.y.z */
+/* src/widget/Widget.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/dir/expected/Main.js

@@ -1,5 +1,5 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
-import Widget from './Widget.html';
+import Widget from './Widget.svelte';
 
 
 

test/cli/samples/dir/expected/Widget.js

@@ -1,4 +1,4 @@
-/* src/Widget.html generated by Svelte vx.y.z */
+/* src/Widget.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/globals/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html -f iife -g the-answer:theAnswer > actual/Main.js
+svelte compile src/Main.svelte -f iife -g the-answer:theAnswer > actual/Main.js

test/cli/samples/globals/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 var Main = (function(answer) { "use strict";
 	answer = (answer && answer.__esModule) ? answer["default"] : answer;
 

test/cli/samples/sourcemap-inline/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html -m inline -o actual/Main.js
+svelte compile src/Main.svelte -m inline -o actual/Main.js

test/cli/samples/sourcemap-inline/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/sourcemap/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html -m -o actual/Main.js
+svelte compile src/Main.svelte -m -o actual/Main.js

test/cli/samples/sourcemap/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var p;

test/cli/samples/sourcemap/expected/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sources":["../src/Main.html"],"sourcesContent":["<p>Hello world!</p>\n\n<script>\n\texport default {\n\t\tonrender () {\n\t\t\tconsole.log( 'here' );\n\t\t}\n\t};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Main.js","sources":["../src/Main.svelte"],"sourcesContent":["<p>Hello world!</p>\n\n<script>\n\texport default {\n\t\tonrender () {\n\t\t\tconsole.log( 'here' );\n\t\t}\n\t};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

test/cli/samples/ssr/command.sh

@@ -1 +1 @@
-svelte compile --generate ssr src/Main.html > actual/Main.js
+svelte compile --generate ssr src/Main.svelte > actual/Main.js

test/cli/samples/ssr/expected/Main.js

@@ -2,7 +2,7 @@
 
 var Main = {};
 
-Main.filename = "src/Main.html";
+Main.filename = "src/Main.svelte";
 
 Main.data = function() {
 	return {};

test/cli/samples/store/command.sh

@@ -1 +1 @@
-svelte compile src/Main.html --store > actual/Main.js
+svelte compile src/Main.svelte --store > actual/Main.js

test/cli/samples/store/expected/Main.js

@@ -1,4 +1,4 @@
-/* src/Main.html generated by Svelte vx.y.z */
+/* src/Main.svelte generated by Svelte vx.y.z */
 
 function create_main_fragment(component, ctx) {
 	var h1, text0, text1;

test/css/index.js

@@ -51,7 +51,7 @@ describe('css', () => {
 		(solo ? it.only : skip ? it.skip : it)(dir, () => {
 			const config = tryRequire(`./samples/${dir}/_config.js`) || {};
 			const input = fs
-				.readFileSync(`test/css/samples/${dir}/input.html`, 'utf-8')
+				.readFileSync(`test/css/samples/${dir}/input.svelte`, 'utf-8')
 				.replace(/\s+$/, '');
 
 			const expectedWarnings = (config.warnings || []).map(normalizeWarning);

test/css/samples/empty-class/_config.js

@@ -1,6 +1,6 @@
 export default {
 	warnings: [{
-		filename: "SvelteComponent.html",
+		filename: "SvelteComponent.svelte",
 		code: `css-unused-selector`,
 		message: "Unused CSS selector",
 		start: {

test/css/samples/unused-selector-leading/_config.js

@@ -1,7 +1,7 @@
 export default {
 	warnings: [
 		{
-			filename: "SvelteComponent.html",
+			filename: "SvelteComponent.svelte",
 			code: `css-unused-selector`,
 			message: "Unused CSS selector",
 			start: {
@@ -25,7 +25,7 @@ export default {
 		},
 
 		{
-			filename: "SvelteComponent.html",
+			filename: "SvelteComponent.svelte",
 			code: `css-unused-selector`,
 			message: "Unused CSS selector",
 			start: {

test/css/samples/unused-selector-ternary/_config.js

@@ -4,7 +4,7 @@ export default {
 	},
 
 	warnings: [{
-		filename: "SvelteComponent.html",
+		filename: "SvelteComponent.svelte",
 		code: `css-unused-selector`,
 		message: "Unused CSS selector",
 		start: {

test/css/samples/unused-selector/_config.js

@@ -1,6 +1,6 @@
 export default {
 	warnings: [{
-		filename: "SvelteComponent.html",
+		filename: "SvelteComponent.svelte",
 		code: `css-unused-selector`,
 		message: "Unused CSS selector",
 		start: {

test/custom-elements/index.js

@@ -72,7 +72,7 @@ describe('custom-elements', function() {
 						},
 
 						transform(code, id) {
-							if (id.endsWith('.html')) {
+							if (id.endsWith('.svelte')) {
 								const compiled = svelte.compile(code, {
 									customElement: true,
 									dev: config.dev

test/custom-elements/samples/custom-method/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default async function (target) {
 	target.innerHTML = '<custom-element></custom-element>';

test/custom-elements/samples/escaped-css/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import CustomElement from './main.html';
+import CustomElement from './main.svelte';
 
 export default function (target) {
 	new CustomElement({

test/custom-elements/samples/html-slots/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default function (target) {
 	target.innerHTML = `

test/custom-elements/samples/html/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default function (target) {
 	target.innerHTML = '<custom-element name="world"></custom-element>';

test/custom-elements/samples/nested.skip/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default async function (target) {
 	target.innerHTML = '<my-app/>';

test/custom-elements/samples/new-styled/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import CustomElement from './main.html';
+import CustomElement from './main.svelte';
 
 export default function (target) {
 	target.innerHTML = '<p>unstyled</p>';

test/custom-elements/samples/new/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import CustomElement from './main.html';
+import CustomElement from './main.svelte';
 
 export default function (target) {
 	new CustomElement({

test/custom-elements/samples/no-missing-prop-warnings/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default function (target) {
 	const warnings = [];

test/custom-elements/samples/oncreate/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import './main.html';
+import './main.svelte';
 
 export default function (target) {
 	target.innerHTML = '<my-app/>';

test/custom-elements/samples/props/test.js

@@ -1,5 +1,5 @@
 import * as assert from 'assert';
-import CustomElement from './main.html';
+import CustomElement from './main.svelte';
 
 export default function (target) {
 	new CustomElement({

test/helpers.js

@@ -171,7 +171,7 @@ export function addLineNumbers(code) {
 }
 
 export function showOutput(cwd, options = {}, compile = svelte.compile) {
-	glob('**/*.html', { cwd }).forEach(file => {
+	glob('**/*.svelte', { cwd }).forEach(file => {
 		if (file[0] === '_') return;
 
 		const { js } = compile(

test/hydration/index.js

@@ -18,7 +18,7 @@ describe('hydration', () => {
 	before(() => {
 		const svelte = loadSvelte();
 
-		require.extensions['.html'] = function(module, filename) {
+		require.extensions['.svelte'] = function(module, filename) {
 			const options = Object.assign(
 				{
 					filename,
@@ -62,7 +62,7 @@ describe('hydration', () => {
 				let SvelteComponent;
 
 				try {
-					SvelteComponent = require(`${cwd}/main.html`).default;
+					SvelteComponent = require(`${cwd}/main.svelte`).default;
 				} catch (err) {
 					throw err;
 				}