Writing tests

It’s time to write some tests. As I mentioned earlier in the chapter, we won’t create tests for the entire site; we will leave that to you to finish later if you want to. This is just to get a feel for how to write tests:

1. In the MyBlog.Tests project, create a new folder called Pages. This is just so we can keep a bit of a structure (the same folder structure as the project we are testing).
2. Select the Pages folder and create a new Razor component called HomeTest.razor.
3. In the _Imports file, add the following namespaces:

   @using SharedComponents.Pages
   @using Data.Models.Interfaces
   @using SharedComponents.ReusableComponents
   

4. In the HomeTest.razor file, inherit from TestContext by adding the following code:

   @inherits TestContext
   

5. Now, we will add the test. Add the following code:

   @code{
   [Fact(DisplayName ="Checks that the Home component shows 10 posts")]
       public void Shows10Blogposts...