01/03: include "text" reporter in code coverage

Author: kettanaito

exercises/01.setup/03.problem.code-coverage/vitest.config.ts

@@ -13,7 +13,8 @@ export default defineConfig({
 		// the source files to be used during the coverage analyzis.
 		// 💰 coverage: { include: ['src/**/*.ts'] }
 		//
-		// 🐨 Finally, add the `reporter` property and use the "html" reporter.
-		// 💰 coverage: { reporter: ['html'] }
+		// 🐨 Finally, add the `reporter` property and assign it an array
+		// as the value. In that array, list two reporters: "text" and "html".
+		// 💰 coverage: { reporter: ['text', 'html'] }
 	},
 })

exercises/01.setup/03.solution.code-coverage/README.mdx

@@ -46,12 +46,14 @@ export default defineConfig({
 		coverage: {
 			enabled: true,
 			include: ['src/**/*.ts'],
-			reporter: ['html'],
+			reporter: ['text', 'html'],
 		},
 	},
 })
 ```
 
+> I will also keep the default `'text` reporter so I can see the coverage summary in my terminal right next to the test run. You can combine as many test reporters as you need.
+
 ## View coverage report
 
 There are multiple coverage reporters you can use to generate the coverage report, including at the same time. That is mostly so you can provide that report to other tooling to analyze.

exercises/01.setup/03.solution.code-coverage/vitest.config.ts

@@ -6,7 +6,7 @@ export default defineConfig({
 		coverage: {
 			enabled: true,
 			include: ['src/**/*.ts'],
-			reporter: ['html'],
+			reporter: ['text', 'html'],
 		},
 	},
 })