A “Wordle” on Test Driven Development in Vue.js
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

Providing hints after each submission - Part 2

Another key point behind the real Wordle game is that after each successful submission, the game presents the player with feedback in the following form:

  • Correct letters in the right position (indicated in green)
  • Correct letters in the wrong position (indicated in yellow)
  • Non-existent letters (indicated in gray)

In this lesson, we will incorporate a similar functionality into our application.

**Topics Covered: **

  • The usage of Data Providers in Vitest
  • Collecting multiple instances of a given wrapper element and making assertions on specific ones
  • Manipulating CSS Variables based on the rule of specificity

Links: