File tree Expand file tree Collapse file tree 1 file changed +59
-0
lines changed Expand file tree Collapse file tree 1 file changed +59
-0
lines changed Original file line number Diff line number Diff line change @@ -1002,6 +1002,65 @@ const { defaultFilesFactory, createPage } = require('./testsTools.js');
1002
1002
await expect ( page . $eval ( '#app' , el => el . innerHTML ) ) . resolves . toMatch ( '123' ) ;
1003
1003
} ) ;
1004
1004
1005
+ test ( 'should handle SFC script lang ts' , async ( ) => {
1006
+
1007
+ const { page, output } = await createPage ( {
1008
+ files : {
1009
+ ...files ,
1010
+ '/main.vue' : `
1011
+ <script lang="ts">
1012
+
1013
+ const year : number = 2024;
1014
+
1015
+ export default {
1016
+ data() {
1017
+ return {
1018
+ year
1019
+ }
1020
+ }
1021
+ }
1022
+ </script>
1023
+ <template>
1024
+ <span>{{ year }}</span>
1025
+ </template>
1026
+ ` ,
1027
+ }
1028
+ } ) ;
1029
+
1030
+ await expect ( page . $eval ( '#app' , el => el . innerText ) ) . resolves . toMatch ( '2024' ) ;
1031
+ } ) ;
1032
+
1033
+
1034
+ test ( 'should handle .ts script' , async ( ) => {
1035
+
1036
+ const { page, output } = await createPage ( {
1037
+ files : {
1038
+ ...files ,
1039
+ '/test.ts' : `
1040
+ const year : number = 2024;
1041
+ export default year;
1042
+ ` ,
1043
+ '/main.vue' : `
1044
+ <script>
1045
+ import year from './test.ts'
1046
+ export default {
1047
+ data() {
1048
+ return {
1049
+ year
1050
+ }
1051
+ }
1052
+ }
1053
+ </script>
1054
+ <template>
1055
+ <span>{{ year }}</span>
1056
+ </template>
1057
+ ` ,
1058
+ }
1059
+ } ) ;
1060
+
1061
+ await expect ( page . $eval ( '#app' , el => el . innerText ) ) . resolves . toMatch ( '2024' ) ;
1062
+ } ) ;
1063
+
1005
1064
1006
1065
if ( vueTarget === 3 ) { // Vue 2 does not handle cssVars
1007
1066
You can’t perform that action at this time.
0 commit comments