From 3f4ad197b0bb67f372c8cde124386c26dd1c7eb0 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Tue, 4 Apr 2023 15:21:56 +0300
Subject: [PATCH] web/satellite: migrate OnboardingTourArea component to use
 SFC composition api

Change-Id: Iaef3818880911bf0310ffafb43e970374952dae1
---
 .../onboardingTour/OnboardingTourArea.vue     |  8 +----
 .../onboardingTour/steps/OverviewStep.spec.ts | 31 +++++++++++++++++++
 2 files changed, 32 insertions(+), 7 deletions(-)
 create mode 100644 web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts

diff --git a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue b/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
index 818789315..105e6aa2d 100644
--- a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
+++ b/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
@@ -7,13 +7,7 @@
     </div>
 </template>
 
-<script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-
-// @vue/component
-@Component
-export default class OnboardingTourArea extends Vue {}
-</script>
+<script setup lang="ts"></script>
 
 <style scoped lang="scss">
 .tour-area {
diff --git a/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts b/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts
new file mode 100644
index 000000000..fc9db53aa
--- /dev/null
+++ b/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts
@@ -0,0 +1,31 @@
+// Copyright (C) 2020 Storj Labs, Inc.
+// See LICENSE for copying information.
+
+import Vuex from 'vuex';
+import { createLocalVue, shallowMount } from '@vue/test-utils';
+
+import { FrontendConfigApiMock } from '@/../tests/unit/mock/api/config';
+import { router } from '@/router';
+import { makeAppStateModule } from '@/store/modules/appState';
+
+import OverviewStep from '@/components/onboardingTour/steps/OverviewStep.vue';
+
+const localVue = createLocalVue();
+localVue.use(Vuex);
+
+const appStateModule = makeAppStateModule(new FrontendConfigApiMock());
+
+const store = new Vuex.Store({ modules: { appStateModule } });
+
+// TODO: figure out how to fix the test
+xdescribe('OverviewStep.vue', (): void => {
+    it('renders correctly', (): void => {
+        const wrapper = shallowMount(OverviewStep, {
+            localVue,
+            router,
+            store,
+        });
+
+        expect(wrapper).toMatchSnapshot();
+    });
+});