Nuxtjs Vue Vuetify Vue Test Utils Jest Sample Project screenshot

Nuxtjs Vue Vuetify Vue Test Utils Jest Sample Project

Author Avatar Theme by Lakhbawa
Updated: 12 Jun 2021
23 Stars

Sample Project with Setup of Jest, Vuetify, Nuxtjs, test utils, etc with working example tests

Categories

Overview:

This article provides a guide on setting up Jest testing in a Nuxt.js project with Vuetify, Nuxt Typescript, and Vue. It covers the process of testing server-side rendering as well.

Features:

  • Jest: Includes setup and configuration for Jest testing framework.
  • Vuetify: Provides integration with Vuetify, a popular Material Design component library for Vue.js.
  • Nuxt.js/Nuxt Typescript: Focuses on setting up Jest testing specifically in a Nuxt.js project, which is a Vue.js framework for building server-side rendered applications.

Installation:

  1. Make sure to add .nuxt-build-jest in your .gitignore file to exclude it from version control.
  2. For detailed explanations and instructions on how things work, refer to the Nuxt.js documentation.

Summary:

This tutorial covers the setup of Jest testing in a Nuxt.js project with Vuetify and Nuxt Typescript. It provides detailed instructions on configuring Jest and integrating Vuetify, as well as tips on handling server-side rendering. The article also emphasizes the importance of excluding the .nuxt-build-jest directory from version control. For further information and in-depth explanations, the Nuxt.js documentation is recommended.