web/satellite: migrate OnboardingTourArea component to use SFC composition api

Change-Id: Iaef3818880911bf0310ffafb43e970374952dae1
This commit is contained in:
Vitalii 2023-04-04 15:21:56 +03:00 committed by Vitalii Shpital
parent 6daff989e5
commit 3f4ad197b0
2 changed files with 32 additions and 7 deletions

View File

@ -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 {

View File

@ -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();
});
});