Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Architecting Vue.js 3 Enterprise-Ready Web Applications

You're reading from   Architecting Vue.js 3 Enterprise-Ready Web Applications Build and deliver scalable and high-performance, enterprise-ready applications with Vue and JavaScript

Arrow left icon
Product type Paperback
Published in Apr 2023
Publisher Packt
ISBN-13 9781801073905
Length 272 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Solomon Eseme Solomon Eseme
Author Profile Icon Solomon Eseme
Solomon Eseme
Arrow right icon
View More author details
Toc

Table of Contents (21) Chapters Close

Preface 1. Part 1: Getting Started with Vue.js
2. Chapter 1: Getting Started with Vue.js 3 FREE CHAPTER 3. Chapter 2: Using Libraries for Large-Scale Applications 4. Part 2: Large-Scale Apps and Scaling Performance in Vue.js 3
5. Chapter 3: Scaling Performance in Vue.js 3 6. Chapter 4: Architecture for Large-Scale Web Apps 7. Chapter 5: An Introduction to GraphQL, Queries, Mutations, and RESTful APIs 8. Chapter 6: Building a Complete Pinterest Clone with GraphQL 9. Part 3: Vue.js 3 Enterprise Tools
10. Chapter 7: Dockerizing a Vue 3 App 11. Part 4: Testing Enterprise Vue.js 3 Apps
12. Chapter 8: Testing and What to Test in Vue.js 3 13. Chapter 9: Best Practices in Unit Testing 14. Chapter 10: Integration Testing in Vue.js 3 15. Chapter 11: Industry-Standard End-to-End Testing 16. Part 5: Deploying Enterprise-ready Vue.js 3
17. Chapter 12: Deploying Enterprise-Ready Vue.js 3 18. Chapter 13: Advanced Vue.js Frameworks 19. Index 20. Other Books You May Enjoy

Testing integrated components

In the previous example, we tested a simple Button component to make it render properly with the required properties. In this section, we will test a completely integrated component that combines different individual components. Let’s get started with the following steps:

  1. Create a file inside the tests/components directory called HomeOverivew.vue since we want to test the integration of the home page.
  2. Open the file and add the following testing code or clone the repository using the GitHub link mentioned in the Technical requirements section:
    import { fireEvent, render } from "@testing-library/vue";
    import { describe, expect, it } from "vitest";
    import HomeOverview from "../../components/templates/HomeOverview.vue";
    describe("HomeOverview.vue", () => {
     it("renders component", async () => {
       const { getByText } = render(HomeOverview);
       getByText...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image