test: change tests

Author: athif23

test/fixtures/App.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <Header :name="name" />
+  <div class="flex blue">
+    <Header class="flex rounded-sm" :name="name" />
     Hello {{ name }}
   </div>
 </template>
@@ -17,7 +17,7 @@ export default {
 </script>
 
 <style scoped>
-div {
-  color: red;
-}
-</style>
+  .blue {
+    @apply bg-blue-500;
+  }
+</style>

test/fixtures/Header.vue

@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header class="test">
     This is header, {{ name }}
   </header>
 </template>
@@ -10,4 +10,10 @@ export default {
     name: String
   }
 }
-</script>
+</script>
+
+<style scoped>
+.test {
+  color: red;
+}
+</style>

test/test.js

@@ -17,7 +17,7 @@ test.afterEach(async _ => {
 });
 
 test('can render html', async t => {
-    const { App } = await compileToHTML('./test/fixtures/App.vue', {
+    const { App } = await compileToHTML('./fixtures/App.vue', {
         props: { name: t.context.props }
     });
     const result =
@@ -26,22 +26,3 @@ test('can render html', async t => {
 
     t.true(App.includes(result));
 });
-
-test('can render mutiple files', async t => {
-    const { App, Header } = await compileToHTML(
-        ['./test/fixtures/App.vue', './test/fixtures/Header.vue'],
-        {
-            props: [{ name: t.context.props }, { name: 'Header Props' }]
-        }
-    );
-    const appResult =
-        '<div data-server-rendered="true" data-v-d4599232><header data-v-d4599232>\n' +
-        '  This is header, Athif Humam\n';
-
-    const headerResult =
-        '<header data-server-rendered="true">\n' +
-        '  This is header, Header Props\n';
-
-    t.true(App.includes(appResult));
-    t.true(Header.includes(headerResult));
-});