mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
3 years ago
|
export default {
|
||
|
props: {
|
||
|
railColor1: 'black',
|
||
|
trackColor1: 'red',
|
||
|
railColor2: 'green',
|
||
|
trackColor2: 'blue'
|
||
|
},
|
||
|
html: `
|
||
|
<div style="display: contents; --rail-color:black; --track-color:red;">
|
||
|
<div id="slider-1">
|
||
|
<p class="svelte-17ay6rc">Slider</p>
|
||
|
<span class="svelte-17ay6rc">Track</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div style="display: contents; --rail-color:green; --track-color:blue;">
|
||
|
<div id="slider-2">
|
||
|
<p class="svelte-17ay6rc">Slider</p>
|
||
|
<span class="svelte-17ay6rc">Track</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
`,
|
||
|
test({ component, assert, target }) {
|
||
|
component.railColor1 = 'yellow';
|
||
|
component.trackColor2 = 'orange';
|
||
|
|
||
|
assert.htmlEqual(target.innerHTML, `
|
||
|
<div style="display: contents; --rail-color:yellow; --track-color:red;">
|
||
|
<div id="slider-1">
|
||
|
<p class="svelte-17ay6rc">Slider</p>
|
||
|
<span class="svelte-17ay6rc">Track</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div style="display: contents; --rail-color:green; --track-color:orange;">
|
||
|
<div id="slider-2">
|
||
|
<p class="svelte-17ay6rc">Slider</p>
|
||
|
<span class="svelte-17ay6rc">Track</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
`);
|
||
|
}
|
||
|
};
|