Adds style failing test

Author: joaopslins

e2e/2.x/style/components/SassVTL.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="test" />
+</template>
+
+<style lang="sass">
+.test
+  background-color: blue
+</style>

e2e/2.x/style/components/ScssVTL.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="test" />
+</template>
+
+<style lang="scss">
+.test {
+  background-color: blue;
+}
+</style>

e2e/2.x/style/package.json

@@ -13,7 +13,8 @@
   "devDependencies": {
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.0",
-    "@vue/test-utils": "^1.1.0",
+    "@testing-library/vue": "^5.8.2",
+    "@vue/test-utils": "^1.3.0",
     "jest": "27.x",
     "less": "^3.9.0",
     "postcss": "^7.0.13",

e2e/2.x/style/vtl.test.js

@@ -0,0 +1,21 @@
+import { render } from '@testing-library/vue'
+import ScssVTL from './components/ScssVTL'
+import SassVTL from './components/SassVTL'
+
+test('processes Sass', () => {
+  render(SassVTL)
+
+  const elementBackgroundColor = window.getComputedStyle(
+    document.querySelector('.test')
+  ).backgroundColor
+  expect(elementBackgroundColor).toEqual('blue')
+})
+
+test('processes Scss', () => {
+  render(ScssVTL)
+
+  const elementBackgroundColor = window.getComputedStyle(
+    document.querySelector('.test')
+  ).backgroundColor
+  expect(elementBackgroundColor).toEqual('blue')
+})