allow negative assertion in injection tests (#4107)

* 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

View file

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

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 -->