mirror of https://github.com/sveltejs/svelte
Jatin Hemnani
5 years ago
committed by
GitHub
commit
68203da4cc
@ -1,10 +1,8 @@
|
|||||||
import Renderer, { RenderOptions } from '../Renderer';
|
import Renderer, { RenderOptions } from '../Renderer';
|
||||||
import Comment from '../../nodes/Comment';
|
import Comment from '../../nodes/Comment';
|
||||||
|
|
||||||
export default function(_node: Comment, _renderer: Renderer, _options: RenderOptions) {
|
export default function(node: Comment, renderer: Renderer, options: RenderOptions) {
|
||||||
// TODO preserve comments
|
if (options.preserveComments) {
|
||||||
|
renderer.add_string(`<!--${node.data}-->`);
|
||||||
// if (options.preserveComments) {
|
}
|
||||||
// renderer.append(`<!--${node.data}-->`);
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import { Node } from 'estree';
|
import { Node } from 'estree';
|
||||||
import { analyze, Scope, extract_names, extract_identifiers } from 'periscopic';
|
import { Node as PeriscopicNode, analyze, Scope, extract_names, extract_identifiers } from 'periscopic';
|
||||||
|
|
||||||
export function create_scopes(expression: Node) {
|
export function create_scopes(expression: Node) {
|
||||||
return analyze(expression);
|
return analyze(expression as PeriscopicNode);
|
||||||
}
|
}
|
||||||
|
|
||||||
export { Scope, extract_names, extract_identifiers };
|
export { Scope, extract_names, extract_identifiers };
|
||||||
|
|||||||
@ -0,0 +1,14 @@
|
|||||||
|
export {
|
||||||
|
setContext,
|
||||||
|
getContext,
|
||||||
|
hasContext,
|
||||||
|
tick,
|
||||||
|
createEventDispatcher,
|
||||||
|
SvelteComponent,
|
||||||
|
SvelteComponentTyped
|
||||||
|
} from './index';
|
||||||
|
|
||||||
|
export function onMount() {}
|
||||||
|
export function onDestroy() {}
|
||||||
|
export function beforeUpdate() {}
|
||||||
|
export function afterUpdate() {}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"code": "empty-directive-name",
|
||||||
|
"message": "Action name cannot be empty",
|
||||||
|
"start": {
|
||||||
|
"line": 1,
|
||||||
|
"column": 8,
|
||||||
|
"character": 8
|
||||||
|
},
|
||||||
|
"pos": 8
|
||||||
|
}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
<h1 use:>Hello</h1>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
export default {
|
||||||
|
async test({ assert, component, target, window }) {
|
||||||
|
const button = target.querySelector('button');
|
||||||
|
const event = new window.MouseEvent('click');
|
||||||
|
|
||||||
|
await button.dispatchEvent(event);
|
||||||
|
assert.equal(component.trusted, true);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<script>
|
||||||
|
export let trusted = true;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<button on:click|trusted="{() => trusted = false}">Only trusted events: {trusted?'true':'false'}</button>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
export default {
|
||||||
|
compileOptions: {
|
||||||
|
preserveComments: true
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<p>before</p>
|
||||||
|
<!-- a comment -->
|
||||||
|
<p>after</p>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<p>before</p>
|
||||||
|
<!-- a comment -->
|
||||||
|
<p>after</p>
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
<script>
|
||||||
|
// Even if otherProps contains onBlur and/or onFocus, the rule will still fail.
|
||||||
|
// Props should be passed down explicitly for rule to pass.
|
||||||
|
const otherProps = {
|
||||||
|
onBlur: () => void 0,
|
||||||
|
onFocus: () => void 0,
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div on:mouseover={() => void 0} />
|
||||||
|
<div on:mouseover={() => void 0} on:focus={() => void 0} />
|
||||||
|
<div on:mouseover={() => void 0} {...otherProps} />
|
||||||
|
<div on:mouseout={() => void 0} />
|
||||||
|
<div on:mouseout={() => void 0} on:blur={() => void 0} />
|
||||||
|
<div on:mouseout={() => void 0} {...otherProps} />
|
||||||
@ -0,0 +1,62 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"code": "a11y-mouse-events-have-key-events",
|
||||||
|
"end": {
|
||||||
|
"character": 272,
|
||||||
|
"column": 35,
|
||||||
|
"line": 10
|
||||||
|
},
|
||||||
|
"message": "A11y: on:mouseover must be accompanied by on:focus",
|
||||||
|
"pos": 237,
|
||||||
|
"start": {
|
||||||
|
"character": 237,
|
||||||
|
"column": 0,
|
||||||
|
"line": 10
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"code": "a11y-mouse-events-have-key-events",
|
||||||
|
"end": {
|
||||||
|
"character": 384,
|
||||||
|
"column": 51,
|
||||||
|
"line": 12
|
||||||
|
},
|
||||||
|
"message": "A11y: on:mouseover must be accompanied by on:focus",
|
||||||
|
"pos": 333,
|
||||||
|
"start": {
|
||||||
|
"character": 333,
|
||||||
|
"column": 0,
|
||||||
|
"line": 12
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"code": "a11y-mouse-events-have-key-events",
|
||||||
|
"end": {
|
||||||
|
"character": 419,
|
||||||
|
"column": 34,
|
||||||
|
"line": 13
|
||||||
|
},
|
||||||
|
"message": "A11y: on:mouseout must be accompanied by on:blur",
|
||||||
|
"pos": 385,
|
||||||
|
"start": {
|
||||||
|
"character": 385,
|
||||||
|
"column": 0,
|
||||||
|
"line": 13
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"code": "a11y-mouse-events-have-key-events",
|
||||||
|
"end": {
|
||||||
|
"character": 528,
|
||||||
|
"column": 50,
|
||||||
|
"line": 15
|
||||||
|
},
|
||||||
|
"message": "A11y: on:mouseout must be accompanied by on:blur",
|
||||||
|
"pos": 478,
|
||||||
|
"start": {
|
||||||
|
"character": 478,
|
||||||
|
"column": 0,
|
||||||
|
"line": 15
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -1,16 +0,0 @@
|
|||||||
<select on:change={e => {}}>
|
|
||||||
<option>foo</option>
|
|
||||||
<option>bar</option>
|
|
||||||
</select>
|
|
||||||
<select on:change={e => {}} on:blur={e => {}}>
|
|
||||||
<option>foo</option>
|
|
||||||
<option>bar</option>
|
|
||||||
</select>
|
|
||||||
<select>
|
|
||||||
<option on:change={e => {}}>foo</option>
|
|
||||||
<option>bar</option>
|
|
||||||
</select>
|
|
||||||
<select>
|
|
||||||
<option on:change={e => {}} on:blur={e => {}}>foo</option>
|
|
||||||
<option>bar</option>
|
|
||||||
</select>
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
[
|
|
||||||
{
|
|
||||||
"code": "a11y-no-onchange",
|
|
||||||
"end": {
|
|
||||||
"character": 88,
|
|
||||||
"column": 9,
|
|
||||||
"line": 4
|
|
||||||
},
|
|
||||||
"message": "A11y: on:blur must be used instead of on:change, unless absolutely necessary and it causes no negative consequences for keyboard only or screen reader users.",
|
|
||||||
"pos": 0,
|
|
||||||
"start": {
|
|
||||||
"character": 0,
|
|
||||||
"column": 0,
|
|
||||||
"line": 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"code": "a11y-no-onchange",
|
|
||||||
"end": {
|
|
||||||
"character": 249,
|
|
||||||
"column": 44,
|
|
||||||
"line": 10
|
|
||||||
},
|
|
||||||
"message": "A11y: on:blur must be used instead of on:change, unless absolutely necessary and it causes no negative consequences for keyboard only or screen reader users.",
|
|
||||||
"pos": 209,
|
|
||||||
"start": {
|
|
||||||
"character": 209,
|
|
||||||
"column": 4,
|
|
||||||
"line": 10
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
[{
|
||||||
|
"code": "css-invalid-global",
|
||||||
|
"message": ":global(...) can be at the start or end of a selector sequence, but not in the middle",
|
||||||
|
"start": {
|
||||||
|
"line": 5,
|
||||||
|
"column": 6,
|
||||||
|
"character": 60
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 5,
|
||||||
|
"column": 19,
|
||||||
|
"character": 73
|
||||||
|
},
|
||||||
|
"pos": 60
|
||||||
|
}]
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
<style>
|
||||||
|
.foo :global(.bar)::after {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.foo :global(.bar)::after .baz {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"code": "css-invalid-global-selector",
|
||||||
|
"message": ":global(...) must contain a single selector",
|
||||||
|
"start": {
|
||||||
|
"line": 11,
|
||||||
|
"column": 5,
|
||||||
|
"character": 156
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 11,
|
||||||
|
"column": 29,
|
||||||
|
"character": 180
|
||||||
|
},
|
||||||
|
"pos": 156
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
<style>
|
||||||
|
div :global(:is(h1, h2)) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div :global(:where(h1, h2)) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div :global(h1 ~ :is(h2, h3)) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div :global(:is(h1, h2), h3) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1>hello world</h1>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"code": "css-invalid-global-selector",
|
||||||
|
"message": ":global(...) must contain a single selector",
|
||||||
|
"start": {
|
||||||
|
"line": 5,
|
||||||
|
"column": 5,
|
||||||
|
"character": 77
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 5,
|
||||||
|
"column": 44,
|
||||||
|
"character": 116
|
||||||
|
},
|
||||||
|
"pos": 77
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
<style>
|
||||||
|
div :global(h1[data-title="Hello, world!"]) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
div :global(h1[attribute], video[autoplay]) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1>hello world</h1>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"code": "css-invalid-global-selector",
|
||||||
|
"message": ":global(...) must contain a single selector",
|
||||||
|
"start": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 5,
|
||||||
|
"character": 13
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 24,
|
||||||
|
"character": 32
|
||||||
|
},
|
||||||
|
"pos": 13
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<style>
|
||||||
|
div :global(h1, .abc\)) {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h1>hello world</h1>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
[{
|
||||||
|
"code": "default-export",
|
||||||
|
"message": "A component cannot have a default export",
|
||||||
|
"pos": 10,
|
||||||
|
"start": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 1,
|
||||||
|
"character": 10
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 30,
|
||||||
|
"character": 39
|
||||||
|
}
|
||||||
|
}]
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<script>
|
||||||
|
export default function () {};
|
||||||
|
</script>
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
[{
|
||||||
|
"code": "default-export",
|
||||||
|
"message": "A component cannot have a default export",
|
||||||
|
"pos": 10,
|
||||||
|
"start": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 1,
|
||||||
|
"character": 10
|
||||||
|
},
|
||||||
|
"end": {
|
||||||
|
"line": 2,
|
||||||
|
"column": 24,
|
||||||
|
"character": 33
|
||||||
|
}
|
||||||
|
}]
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<script>
|
||||||
|
export default class {};
|
||||||
|
</script>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
export default {
|
||||||
|
options: {
|
||||||
|
varsReport: false
|
||||||
|
},
|
||||||
|
|
||||||
|
test(assert, vars) {
|
||||||
|
assert.deepEqual(vars, []);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<script>
|
||||||
|
export let foo = "bar";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{foo}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
export default {
|
||||||
|
options: {
|
||||||
|
varsReport: 'full'
|
||||||
|
},
|
||||||
|
|
||||||
|
test(assert, vars) {
|
||||||
|
assert.deepEqual(vars, [{
|
||||||
|
name: 'foo',
|
||||||
|
export_name: null,
|
||||||
|
injected: false,
|
||||||
|
module: false,
|
||||||
|
mutated: false,
|
||||||
|
reassigned: false,
|
||||||
|
referenced: true,
|
||||||
|
referenced_from_script: false,
|
||||||
|
writable: false
|
||||||
|
}]);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1 @@
|
|||||||
|
{foo}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
export default {
|
||||||
|
options: {
|
||||||
|
varsReport: 'full'
|
||||||
|
},
|
||||||
|
|
||||||
|
test(assert, vars) {
|
||||||
|
assert.deepEqual(vars, [
|
||||||
|
{
|
||||||
|
name: 'foo',
|
||||||
|
export_name: 'foo',
|
||||||
|
injected: false,
|
||||||
|
module: false,
|
||||||
|
mutated: false,
|
||||||
|
reassigned: false,
|
||||||
|
referenced: true,
|
||||||
|
referenced_from_script: false,
|
||||||
|
writable: true
|
||||||
|
}, {
|
||||||
|
name: 'bar',
|
||||||
|
export_name: null,
|
||||||
|
injected: false,
|
||||||
|
module: false,
|
||||||
|
mutated: false,
|
||||||
|
reassigned: false,
|
||||||
|
referenced: true,
|
||||||
|
referenced_from_script: false,
|
||||||
|
writable: false
|
||||||
|
}
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<script>
|
||||||
|
export let foo = "bar";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{foo} {bar}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
export default {
|
||||||
|
options: {
|
||||||
|
varsReport: 'full'
|
||||||
|
},
|
||||||
|
|
||||||
|
test(assert, vars) {
|
||||||
|
assert.deepEqual(vars, [{
|
||||||
|
name: 'foo',
|
||||||
|
export_name: null,
|
||||||
|
injected: false,
|
||||||
|
module: false,
|
||||||
|
mutated: false,
|
||||||
|
reassigned: false,
|
||||||
|
referenced: true,
|
||||||
|
referenced_from_script: false,
|
||||||
|
writable: false
|
||||||
|
}]);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<script></script>
|
||||||
|
|
||||||
|
{foo}
|
||||||
Loading…
Reference in new issue