import { test, expect } from 'vitest'

import { Compiler, FervidCompileOptions } from '../index'

const options: FervidCompileOptions = {
  filename: 'anonymous.vue',
  id: ''
}

const HELLO_WORLD = `
<template>
  <div class="simple compiler input">
    Hello, {{ compilerName }}!
  </div>
</template>

<script setup>
import { ref } from 'vue'

const compilerName = ref('fervid')
</script>
`

test('should work', () => {
  expect(new Compiler().compileSync(HELLO_WORLD, options).code).toMatchInlineSnapshot(`
    "import { ref } from 'vue';
    import { createElementBlock as _createElementBlock, openBlock as _openBlock, toDisplayString as _toDisplayString } from "vue";
    export default {
        __name: "anonymous",
        render (_ctx, _cache, $props, $setup, $data, $options) {
            return (_openBlock(), _createElementBlock("div", {
                class: "simple compiler input"
            }, " Hello, " + _toDisplayString($setup.compilerName) + "! ", 1));
        },
        setup () {
            const compilerName = ref('fervid');
            return {
                compilerName
            };
        }
    };
    "
  `)

  expect(new Compiler({ isProduction: true }).compileSync(HELLO_WORLD, options).code).toMatchInlineSnapshot(`
    "import { ref } from 'vue';
    import { createElementBlock as _createElementBlock, openBlock as _openBlock, toDisplayString as _toDisplayString } from "vue";
    export default {
        __name: "anonymous",
        setup () {
            const compilerName = ref('fervid');
            return (_ctx, _cache)=>(_openBlock(), _createElementBlock("div", {
                    class: "simple compiler input"
                }, " Hello, " + _toDisplayString(compilerName.value) + "! ", 1));
        }
    };
    "
  `)
})