From 63a5f8ab02f70efcba1d60f67ac2a1b06bf7e86c Mon Sep 17 00:00:00 2001
From: Jesse Skinner <jesse@thefutureoftheweb.com>
Date: Wed, 2 Oct 2019 14:20:17 -0400
Subject: [PATCH] Added test for issue #3544

---
 .../expected.js                               | 83 +++++++++++++++++++
 .../input.svelte                              | 13 +++
 2 files changed, 96 insertions(+)
 create mode 100644 test/js/samples/class-added-to-element-outside-directive/expected.js
 create mode 100644 test/js/samples/class-added-to-element-outside-directive/input.svelte

diff --git a/test/js/samples/class-added-to-element-outside-directive/expected.js b/test/js/samples/class-added-to-element-outside-directive/expected.js
new file mode 100644
index 0000000000..f86ddf3c3c
--- /dev/null
+++ b/test/js/samples/class-added-to-element-outside-directive/expected.js
@@ -0,0 +1,83 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponent,
+	append,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal
+} from "svelte/internal";
+
+function add_css() {
+	var style = element("style");
+	style.id = 'svelte-1l99rp3-style';
+	style.textContent = ".root.svelte-1l99rp3 i.svelte-1l99rp3{color:red}";
+	append(document.head, style);
+}
+
+// (8:1) {#if true}
+function create_if_block(ctx) {
+	var span;
+
+	return {
+		c() {
+			span = element("span");
+			span.innerHTML = `<i class="svelte-1l99rp3">hello</i>`;
+			attr(span, "class", "" + (`test`) + " svelte-1l99rp3");
+		},
+
+		m(target, anchor) {
+			insert(target, span, anchor);
+		},
+
+		d(detaching) {
+			if (detaching) {
+				detach(span);
+			}
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	var div;
+
+	var if_block = (true) && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block) if_block.c();
+			attr(div, "class", "root svelte-1l99rp3");
+		},
+
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+		},
+
+		p: noop,
+		i: noop,
+		o: noop,
+
+		d(detaching) {
+			if (detaching) {
+				detach(div);
+			}
+
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		if (!document.getElementById("svelte-1l99rp3-style")) add_css();
+		init(this, options, null, create_fragment, safe_not_equal, []);
+	}
+}
+
+export default Component;
\ No newline at end of file
diff --git a/test/js/samples/class-added-to-element-outside-directive/input.svelte b/test/js/samples/class-added-to-element-outside-directive/input.svelte
new file mode 100644
index 0000000000..e7b73860fc
--- /dev/null
+++ b/test/js/samples/class-added-to-element-outside-directive/input.svelte
@@ -0,0 +1,13 @@
+<style>
+	.root i {
+		color: red;
+	}
+</style>
+
+<div class="root">
+	{#if true}
+		<span class={`test`}>
+			<i>hello</i>
+		</span>
+	{/if}
+</div>