Creating a Preset
Create a fake preset that simulates the data required from the linked calculator. This allows for testing without needing to go through the time-consuming process of uploading to the testing environment.Steps to Test Linking
1. Inspecting and Copying Data
The process involves inspecting the element in the browser, copying the necessary data structure, and pasting it into VS Code. Follow these steps:- Open the browser developer tools
- Inspect the relevant element containing the data structure
- Copy the necessary data structure from the browser
- Paste it into VS Code for modification
2. Cleaning Up the Code
After copying the data:- Remove unnecessary spans from the copied code
- Format the code using a beautifier to improve readability
- Ensure the structure matches the expected linking format
3. Running the Test
To complete the testing process:- Create a new preset with the cleaned-up code
- Adjust the preset code as needed for your specific use case
- Run the test to verify the linking functionality works correctly
This tutorial approach helps streamline the development workflow by providing immediate feedback on linking functionality.