Get the Preplance app for a seamless learning experience. Practice offline, get daily streaks, and stay ahead with real-time interview updates.
Get it on
Google Play
4.9/5 Rating on Store
Vue Js · Question Set
Testing & Tooling interview questions for placements and exams.
Questions
11
Included in this set
Subject
Vue Js
Explore more sets
Difficulty
Mixed
Level of this set
Go through each question and its explanation. Use this set as a focused practice pack for Vue Js.
Use @vue/eslint-config-typescript, eslint-plugin-vue, and Prettier integration. Enforce script setup order, component naming, and no-unused-vars. Run via Husky pre-commit to keep code consistent.
For complete preparation, combine this set with full subject-wise practice for Vue Js. You can also explore other subjects and sets from the links below.
It documents components in isolation, accelerates UI development, and enables visual testing (stories as test cases). You can pair with Chromatic or visual diffing for regression detection.
Pass different prop values to verify rendering/validation branches. Trigger user interactions and assert wrapper.emitted('eventName') payloads. Use shallowMount when child rendering is irrelevant.
Abstract HTTP into a module and mock it with vi.mock/jest.mock. For Axios, mock instance methods (get/post). Resolve with canned data or force rejections to test error paths.
vi.mock('../api', () => ({ fetchUsers: vi.fn(() => Promise.resolve([{id:1}])) }))Create a Pinia instance in tests with createTestingPinia or real Pinia, set initial state, and assert getters/actions. For components, provide the test Pinia via global.plugins when mounting.
Use E2E for user flows across pages: routing, forms, auth, and API integration. Assert URL changes, visible text, network stubs, and accessibility. Keep tests resilient by using data-testid selectors.
Put variables in .env, .env.development, .env.production, and prefix with VITE_. Access via import.meta.env. Never expose secrets; keep private keys server-side.
Add a bundle visualizer (rollup-plugin-visualizer), inspect chunks, replace heavy libs with lighter ones, tree-shake, and lazy-load rarely used features. Verify improvements with before/after reports.
Install deps with cache, run type-check (vue-tsc), lint, unit tests with coverage, build, and optionally E2E on preview URL. Artifacts and coverage should be uploaded for review.
Vitest or Jest provide fast test runners and mocking. @vue/test-utils offers utilities to mount components, trigger events, and assert DOM. Together they enable isolated, deterministic tests for props, emits, and rendering.
Mount the component, find the button, trigger a click, and assert the updated DOM or exposed state. Await Vue’s next tick or use flushPromises when async.
// Vitest + VTU example
import { mount } from '@vue/test-utils'
import { describe, it, expect } from 'vitest'
import Counter from './Counter.vue'
describe('Counter', () => {
it('increments', async () => {
const w = mount(Counter)
await w.get('button').trigger('click')
expect(w.text()).toContain('1')
})
})