Overview of the test harness
The test harness is a utility built by Microsoft that helps you quickly render a component in a local environment, helping you to test and debug the code component. We have already seen parts of this utility in the previous chapter. Let's understand the different aspects of the test harness; we'll start the test harness from within a PCF project. The command to start the test harness is either npm start or npm start watch.
After the test harness has started, the component will be displayed in a browser window. Observe the following screenshot – the panel on the right has three main sections: Context Inputs, Data Inputs, and Data Outputs:
Figure 6.1 – Overview of the test harness
Let's analyze each of those sections in detail:
- Context Inputs: Within the test harness, you can provide various inputs to specify how the component will be rendered. You can select the form factor, such as Web, Tablet...
