Published On Oct. 16th 2017

Testing Vue: Setting Data and Asserting Styles

Episode 3 Run Time 9:14

Download

When preparing your tests, you'll often want to first set the stage. "Given that the component's data is in this state, when I...". To allow for this, we can use the setData() method on the wrapper instance. Additionally, we can use hasStyles() to write assertions against any relevant inline CSS styles. This can be useful for asserting against visibility.

View the source code for this episode on GitHub.