mirror of https://github.com/sveltejs/svelte
Merge pull request #384 from sveltejs/shorthand-attributes
implement :shorthand attributespull/389/head
commit
54822b0de0
@ -0,0 +1,10 @@
|
|||||||
|
export default {
|
||||||
|
html: `<div id="foo"></div>`,
|
||||||
|
|
||||||
|
test ( assert, component, target ) {
|
||||||
|
component.set({ id: 'bar' });
|
||||||
|
assert.equal( target.innerHTML, `<div id="bar"></div>` );
|
||||||
|
|
||||||
|
component.teardown();
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,9 @@
|
|||||||
|
<div :id/>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data: () => ({
|
||||||
|
id: 'foo'
|
||||||
|
})
|
||||||
|
};
|
||||||
|
</script>
|
@ -0,0 +1 @@
|
|||||||
|
<p>foo: {{foo}}</p>
|
@ -0,0 +1,17 @@
|
|||||||
|
export default {
|
||||||
|
data: {
|
||||||
|
foo: 42
|
||||||
|
},
|
||||||
|
|
||||||
|
html: `<div><p>foo: 42</p></div>`,
|
||||||
|
|
||||||
|
test ( assert, component, target ) {
|
||||||
|
component.set({
|
||||||
|
foo: 99
|
||||||
|
});
|
||||||
|
|
||||||
|
assert.equal( target.innerHTML, `<div><p>foo: 99</p></div>` );
|
||||||
|
|
||||||
|
component.teardown();
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,11 @@
|
|||||||
|
<div>
|
||||||
|
<Widget :foo/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Widget from './Widget.html';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Widget }
|
||||||
|
};
|
||||||
|
</script>
|
@ -0,0 +1 @@
|
|||||||
|
<div :id/>
|
@ -0,0 +1,40 @@
|
|||||||
|
{
|
||||||
|
"hash": 4120363214,
|
||||||
|
"html": {
|
||||||
|
"start": 0,
|
||||||
|
"end": 10,
|
||||||
|
"type": "Fragment",
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"start": 0,
|
||||||
|
"end": 10,
|
||||||
|
"type": "Element",
|
||||||
|
"name": "div",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"start": 5,
|
||||||
|
"end": 8,
|
||||||
|
"type": "Attribute",
|
||||||
|
"name": "id",
|
||||||
|
"value": [
|
||||||
|
{
|
||||||
|
"start": 6,
|
||||||
|
"end": 8,
|
||||||
|
"type": "AttributeShorthand",
|
||||||
|
"expression": {
|
||||||
|
"type": "Identifier",
|
||||||
|
"start": 6,
|
||||||
|
"end": 8,
|
||||||
|
"name": "id"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"css": null,
|
||||||
|
"js": null
|
||||||
|
}
|
Loading…
Reference in new issue