msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

simplify snapshot comparison, add some more

Browse Source
pull/7426/head
Simon Holthausen 3 years ago
parent e68a3466b9
commit 4ee6f7814d
29 changed files with 36 additions and 159 deletions
Show Stats Download Patch File Download Diff File

7
test/hydration/index.ts
Unescape View File

@ -106,6 +106,13 @@ describe('hydration', () => {
}
}
if (config.snapshot) {
const snapshot_after = config.snapshot(target);
for (const s in snapshot_after) {
assert.equal(snapshot_after[s], snapshot[s], `Expected snapshot key "${s}" to have same value/reference`);
}
}
if (config.test) {
config.test(assert, target, snapshot, component, window);
} else {

7
test/hydration/samples/basic/_config.js
Unescape View File

@ -6,12 +6,5 @@ export default {
h1,
text: h1.childNodes[0]
};
},
test(assert, target, snapshot) {
const h1 = target.querySelector('h1');
assert.equal(h1, snapshot.h1);
assert.equal(h1.childNodes[0], snapshot.text);
}
};

7
test/hydration/samples/binding-input/_config.js
Unescape View File

@ -10,13 +10,8 @@ export default {
};
},
async test(assert, target, snapshot, component, window) {
async test(assert, target, _, component, window) {
const input = target.querySelector('input');
const p = target.querySelector('p');
assert.equal(input, snapshot.input);
assert.equal(p, snapshot.p);
input.value = 'everybody';
await input.dispatchEvent(new window.Event('input'));

2
test/hydration/samples/claim-comment/_after.html
Unescape View File

@ -1 +1,3 @@
<div><!-- test1 --><!-- test2 --></div>
p
<div><!-- test1 --><!-- test2 --></div>

2
test/hydration/samples/claim-comment/_before.html
Unescape View File

@ -1 +1,3 @@
<div><!-- test1 --></div>
p
<div><!-- test1 --><!-- test2 --></div>

5
test/hydration/samples/claim-comment/_config.js
Unescape View File

@ -1,5 +1,10 @@
export default {
compileOptions: {
preserveComments:true
},
snapshot(target) {
return {
div: target.querySelectorAll('div')[1]
}
}
};

2
test/hydration/samples/claim-comment/main.svelte
Unescape View File

@ -1 +1,3 @@
<div><!-- test1 --><!-- test2 --></div>
{"p"}
<div><!-- test1 --><!-- test2 --></div>

8
test/hydration/samples/claim-text/_config.js
Unescape View File

@ -0,0 +1,8 @@
export default {
snapshot(target) {
return {
main: target.querySelector('main'),
p: target.querySelector('p')
};
}
};

9
test/hydration/samples/component-in-element/_config.js
Unescape View File

@ -8,14 +8,5 @@ export default {
p,
text: p.childNodes[0]
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
const p = target.querySelector('p');
assert.equal(div, snapshot.div);
assert.equal(p, snapshot.p);
assert.equal(p.childNodes[0], snapshot.text);
}
};

7
test/hydration/samples/component/_config.js
Unescape View File

@ -6,12 +6,5 @@ export default {
p,
text: p.childNodes[0]
};
},
test(assert, target, snapshot) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
assert.equal(p.childNodes[0], snapshot.text);
}
};

7
test/hydration/samples/dynamic-text-changed/_config.js
Unescape View File

@ -10,12 +10,5 @@ export default {
h1,
text: h1.childNodes[0]
};
},
test(assert, target, snapshot) {
const h1 = target.querySelector('h1');
assert.equal(h1, snapshot.h1);
assert.equal(h1.childNodes[0], snapshot.text);
}
};

8
test/hydration/samples/dynamic-text-nil/_config.js
Unescape View File

@ -9,13 +9,5 @@ export default {
nullText,
undefinedText
};
},
test(assert, target, snapshot) {
const nullText = target.querySelectorAll('p')[0].textContent;
const undefinedText = target.querySelectorAll('p')[1].textContent;
assert.equal(nullText, snapshot.nullText);
assert.equal(undefinedText, snapshot.undefinedText);
}
};

7
test/hydration/samples/dynamic-text/_config.js
Unescape View File

@ -10,12 +10,5 @@ export default {
h1,
text: h1.childNodes[0]
};
},
test(assert, target, snapshot) {
const h1 = target.querySelector('h1');
assert.equal(h1, snapshot.h1);
assert.equal(h1.childNodes[0], snapshot.text);
}
};

14
test/hydration/samples/each-block-arg-clash/_config.js
Unescape View File

@ -15,17 +15,9 @@ export default {
return {
ul,
lis
lis0: lis[0],
lis1: lis[1],
lis2: lis[2]
};
},
test(assert, target, snapshot) {
const ul = target.querySelector('ul');
const lis = ul.querySelectorAll('li');
assert.equal(ul, snapshot.ul);
assert.equal(lis[0], snapshot.lis[0]);
assert.equal(lis[1], snapshot.lis[1]);
assert.equal(lis[2], snapshot.lis[2]);
}
};

14
test/hydration/samples/each-block/_config.js
Unescape View File

@ -13,17 +13,9 @@ export default {
return {
ul,
lis
lis0: lis[0],
lis1: lis[1],
lis2: lis[2]
};
},
test(assert, target, snapshot) {
const ul = target.querySelector('ul');
const lis = ul.querySelectorAll('li');
assert.equal(ul, snapshot.ul);
assert.equal(lis[0], snapshot.lis[0]);
assert.equal(lis[1], snapshot.lis[1]);
assert.equal(lis[2], snapshot.lis[2]);
}
};

6
test/hydration/samples/element-attribute-added/_config.js
Unescape View File

@ -9,11 +9,5 @@ export default {
return {
div
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
assert.equal(div, snapshot.div);
}
};

6
test/hydration/samples/element-attribute-changed/_config.js
Unescape View File

@ -9,11 +9,5 @@ export default {
return {
div
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
assert.equal(div, snapshot.div);
}
};

6
test/hydration/samples/element-attribute-removed/_config.js
Unescape View File

@ -9,11 +9,5 @@ export default {
return {
div
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
assert.equal(div, snapshot.div);
}
};

6
test/hydration/samples/element-attribute-unchanged/_config.js
Unescape View File

@ -5,11 +5,5 @@ export default {
return {
div
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
assert.equal(div, snapshot.div);
}
};

8
test/hydration/samples/element-nested-sibling/_config.js
Unescape View File

@ -7,13 +7,5 @@ export default {
span: p.querySelector('span'),
code: p.querySelector('code')
};
},
test(assert, target, snapshot) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
assert.equal(p.querySelector('span'), snapshot.span);
assert.equal(p.querySelector('code'), snapshot.code);
}
};

7
test/hydration/samples/element-nested/_config.js
Unescape View File

@ -6,12 +6,5 @@ export default {
div,
p: div.querySelector('p')
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
assert.equal(div, snapshot.div);
assert.equal(div.querySelector('p'), snapshot.p);
}
};

4
test/hydration/samples/element-ref/_config.js
Unescape View File

@ -7,10 +7,8 @@ export default {
};
},
test(assert, target, snapshot, component) {
test(assert, target, _, component) {
const h1 = target.querySelector('h1');
assert.equal(h1, snapshot.h1);
assert.equal(component.h1, h1);
}
};

4
test/hydration/samples/event-handler/_config.js
Unescape View File

@ -11,10 +11,8 @@ export default {
};
},
async test(assert, target, snapshot, component, window) {
async test(assert, target, _, component, window) {
const button = target.querySelector('button');
assert.equal(button, snapshot.button);
await button.dispatchEvent(new window.MouseEvent('click'));
assert.ok(component.clicked);

8
test/hydration/samples/expression-sibling/_config.js
Unescape View File

@ -7,13 +7,5 @@ export default {
text: p.childNodes[0],
span: p.querySelector('span')
};
},
test(assert, target, snapshot) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
assert.equal(p.childNodes[0], snapshot.text);
assert.equal(p.querySelector('span'), snapshot.span);
}
};

9
test/hydration/samples/if-block-anchor/_config.js
Unescape View File

@ -13,14 +13,5 @@ export default {
p0: ps[0],
p1: ps[1]
};
},
test(assert, target, snapshot) {
const div = target.querySelector('div');
const ps = target.querySelectorAll('p');
assert.equal(div, snapshot.div);
assert.equal(ps[0], snapshot.p0);
assert.equal(ps[1], snapshot.p1);
}
};

6
test/hydration/samples/if-block-false/_config.js
Unescape View File

@ -9,11 +9,5 @@ export default {
return {
p
};
},
test(assert, target, snapshot) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
}
};

4
test/hydration/samples/if-block-update/_config.js
Unescape View File

@ -12,11 +12,9 @@ export default {
};
},
test(assert, target, snapshot, component) {
test(assert, target, _, component) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
component.foo = false;
component.bar = true;
assert.htmlEqual(target.innerHTML, '<p>bar!</p>');

6
test/hydration/samples/if-block/_config.js
Unescape View File

@ -9,11 +9,5 @@ export default {
return {
p
};
},
test(assert, target, snapshot) {
const p = target.querySelector('p');
assert.equal(p, snapshot.p);
}
};

9
test/hydration/samples/raw/_config.js
Unescape View File

@ -14,14 +14,5 @@ export default {
p1: ps[1],
text1: ps[1].firstChild
};
},
test(assert, target, snapshot) {
const ps = target.querySelectorAll('p');
assert.equal(ps[0], snapshot.p0);
assert.equal(ps[0].firstChild, snapshot.text0);
assert.equal(ps[1], snapshot.p1);
assert.equal(ps[1].firstChild, snapshot.text1);
}
};

Write Preview
Loading…
Cancel
Save