Initializing the Web SDK

1. Adding the HTML element to your DOM

Include an <ezyhire-render> tag in your HTML and assign it a unique ID to render a specific component from ezyhire.

The ID assigned to this element will be utilized in the renderEzyhire method.

Here’s an example:

 <ezyhire-render id="example-div"></ezyhire-render>

2. The renderEzyhire method

The renderEzyhire method will display the specified component from ezyhire onto the DOM element you’ve designated in the configuration.

The method requires two arguments:

1. The DOM element ID.
2. The ezyhire configuration.

$ezyhire.renderEzyhire('example-div', ezyhireConfig)

3. The ezyhireConfig

The ezyhireConfig includes the following configurations:

1. component (required) - Specify the component you want to render.
2. apiKey (required) - Supply the API Key obtained from ezyhire.
3. reportCallbackUrl (required if component is reportList) - The URL of your application where you rendered the test report component.
4. callbacks (optional) - Utilize a list of callbacks provided by the ezyhire SDK to execute actions on various methods.

List of components available in SDK

You can pass one of this component to render in your app:

List of callbacks available

You can use the callbacks based on your use case