Skip to content

Story 3.2: Test Critical Vue Components - ChatBot and NavBar

As a developer, I want component tests for ChatBotComponent and NavBarComponent, So that the most critical UI interactions are validated.

FRs: FR13, FR16 | Sprint: 22

Acceptance Criteria:

  • src/tests/components/ChatBotComponent.test.js verifies: empty message list render, user message display after submit, input cleared after submit, loading state, error state
  • src/tests/components/NavBarComponent.test.js verifies: navigation links render, login/logout button reflects auth state, user dropdown when authenticated
  • Components mounted using Options API mount() with full Vuex store
  • Uses @vue/test-utils mount() or shallowMount()

NFRs: NFR6, NFR7, NFR22 (Options API only)