Installation: Chrome Web Store

Trydent is available on the chrome web store for easily installation here.

Installation: Manual

  1. Ensure you have the required prerequisites installed:
  2. Fork the Trydent repository to your own GitHub account.
  3. Clone your forked repository to your local machine:
git clone https://github.com/<your-github-username>/trydent.git
  1. Navigate to the root project directory and install dependencies:
cd trydent
npm install
  1. Navigate to the client directory and install dependencies:
cd client
npm install
  1. In the client directory, build the application:
npm run build
  1. Load Trydent into your Chrome extensions.
    • Open Google Chrome and navigate to chrome://extensions/
    • Enable Developer Mode
    • Click “Load unpacked” and select the extensions directory in your local Trydent repository.
Now you should be able to access Trydent in the developer tools or right-click and select Trydent.

Generating End-To-End Tests

1. Navigate and Open Trydent

Navigate to the page you want to test in your browser. Right-click and select Trydent. This will open the Trydent extension.

2. Describe Statement

Enter the describe statement for your test. This will be the name of the test suite that is generated. Proceed to “Start Test”

4. It Statement

Enter the it statement for your test. This will be the name of the test case that is generated. Proceed to the “Generate Test” button.

5. End to End User Experience

Run through the user experience you want to test. Trydent will locally record your actions.
Assertions enable you to validate the state of the DOM at any point during your test. You can add assertions by hovering over the component to assert and keydown “e” + “z” simultaneously.
Your “Input Log” will be populated with the actions and assertions you make.

6. Generate Code

Once you are finished recording, click the “Stop Recording and Generate Test” button. This will generate your test code. You can press the copy button to immediately copy the code to your clipboard.

Get Help

Contact us if you have any questions, or would like help with any issues.

Give us a star on GitHub

Give us a star on GitHub if you like what we’re doing.