benbot/nvim-treesitter
1
0
Fork 0
mirror of https://github.com/nvim-treesitter/nvim-treesitter.git synced 2026-07-15 18:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

allow negative assertion in injection tests (#4107)

Browse source 
* tests(vue, svelte): strengthen tests

* fix(html, vue, svelte): fix wrong test format

* allow negative assertions in injection tests
This commit is contained in:
lucario387 2023-01-07 19:22:20 +09:00 • committed by GitHub
parent 0922634d37
commit 85d9534491
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 84 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

42
tests/query/injections/html/test-html-injections.html
View file

@ -5,38 +5,20 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<style>
footer{
/* ^ css
*/
}
</style>
<style title="Test Style without type attribute">
footer{
/* ^ css
*/
}
</style>
<style type="text/css" title="test style with defined type attribute">
footer{
/* ^ css
*/
}
</style>
<style> footer{ } </style>
<!-- ^ css -->
<style title="Test Style without type attribute"> footer{ } </style>
<!-- ^ css -->
<style type="text/css" title="test style with defined type attribute"> footer{ } </style>
<!-- ^ css -->
</head>
<body>
<script>
const x = 1
// ^ javascript
</script>
<script defer>
const x = 1
// ^ javascript
</script>
<script type="text/javascript">
const x = 1
// ^ javascript
</script>
<script> const x = 1 </script>
<!-- ^ javascript -->
<script defer> const x = 1 </script>
<!-- ^ javascript -->
<script type="text/javascript"> const x = 1 </script>
<!-- ^ javascript -->
<div style="height: 100%">
<!-- ^ css -->
Test div to test css injections for style attributes

35
tests/query/injections/svelte/test-svelte-injections.svelte
View file

@ -1,29 +1,14 @@
<script>
import Button from "./Button.svelte";
// ^ javascript
</script>
<script lang="ts">
const foo: number = 1
// ^ typescript
</script>
<script> import Button from "./Button.svelte"; </script>
<!-- ^ javascript -->
<script lang="ts"> const foo: number = 1 </script>
<!-- ^ typescript -->
<!-- ^ !javascript -->
<style>
main {
font-family: sans-serif;
text-align: center;
/* ^ css
*/
}
</style>
<style lang="scss">
main {
font-family: sans-serif;
text-align: center;
&:hover {
// ^ scss
}
}
</style>
<style> main { font-family: sans-serif; text-align: center; } </style>
<!-- ^ css -->
<style lang="scss"> main { &:hover { } } </style>
<!-- ^ scss -->
<!-- ^ !css -->
<main>
<h1>Test file</h1>

4
tests/query/injections/vue/negative-assertions.vue Normal file
View file

@ -0,0 +1,4 @@
<script lang="ts"> const foo: number = "1" </script>
<!-- ^ !javascript -->
<style lang="scss"> .bar { &-baz { &.page{ } } } </style>
<!-- ^ !css -->

84
tests/query/injections/vue/test-vue-injections.vue
View file

@ -1,68 +1,28 @@
<template>
<span>{{"Text inside interpolation"}}</span>
<!-- ^ javascript
-->
<!-- ^ javascript -->
<template lang="pug">
ul
li(v-for="item in items")
a(v-if="item.type == 'link'" :href="item.url") some link title in pug:
<!-- ^ pug
-->
</template>
<template lang="pug"> a(:href="url") some link title in pug: </template>
<!-- ^ pug -->
<template v-if="'text inside directives'"></template>
<!-- ^ javascript
-->
<!-- ^ javascript -->
</template>
<script>
const foo = "1"
// ^ javascript
</script>
<script defer>
const foo = "1"
// ^ javascript
</script>
<script lang="js">
const foo = "1"
// ^ javascript
</script>
<script lang="ts">
const foo: number = "1"
// ^ typescript
</script>
<style>
.bar {
/* ^ css
*/
}
</style>
<style scoped>
.page.page--news {
padding: calc(var(--header-height)) 1rem 0 1rem;
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
min-height: calc(var(--vh, 1vh) * 100 - var(--header-height));
background: rebeccapurple;
/* ^ css
*/
}
</style>
<style lang="css">
.bar {
justify-content: center;
/* ^ css
*/
}
</style>
<style lang="scss">
.bar {
&-baz {
&.page{
// ^ scss
}
}
}
</style>
<script> const foo = "1" </script>
<!-- ^ javascript -->
<script defer> const foo = "1" </script>
<!-- ^ javascript -->
<script lang="js">function x(){ return 1;}</script>
<!-- ^ javascript -->
<script lang="ts"> const foo: number = "1" </script>
<!-- ^ typescript -->
<!-- ^ !javascript -->
<style> .bar { .foo{ } } </style>
<!-- ^ css -->
<style scoped> .page.page--news { background: rebeccapurple; } </style>
<!-- ^ css -->
<style lang="css"> .bar { justify-content: center; } </style>
<!-- ^ css -->
<style lang="scss"> .bar { &-baz { } } </style>
<!-- ^ scss -->
<!-- ^ !css -->