Test and Verification

After page integration is complete, you need to test and verify that the web chat control can be used properly. The following uses Google Chrome as an example. During the verification, you can use the Nginx server to simulate a third party to invoke the web chat control or use other access methods that you are familiar with.

1. Enable the Nginx server locally (for details about the Nginx version, see nginx/Windows-1.22.0) and configure information, including the service address and certificate, in the nginx.conf file.
2. Enter the server address and send a request to simulate a third party to invoke the web chat control.
3. Click Sign In to sign in to the CEC as an agent in the multimedia skill queue, as shown in Figure 1. On the online chat workbench that is displayed, set the status to Idle.
   Figure 1 Sign In button
   

4. On the enterprise customer page, press F12 to open the console, choose Network, and refresh the page.

   Click the thirdPartyClient.js request displayed on the console and click Response on the right. If any content is returned, a blue circle icon is displayed in the lower right corner. Click the icon. If a message indicating that an agent is connected is displayed, as shown in Figure 2, the invocation is successful.

   Figure 2 Dialog box on the customer side
   

5. On the browser console, click the Application tab, expand Storage > Cookies > Domain name on the left, and check whether ccmessaging-token is written into cookies. If the field shown in Figure 3 is displayed, the integration is successful.
   Figure 3 ccmessaging-token in cookies of the HTML page
   

6. On the workbench shown in Figure 4, check whether the agent is in the occupied state and whether the agent receives the request from the client. If the agent can talk with the customer, the integration is successful.
   Figure 4 Agent workbench
   

7. If the co-browsing feature is enabled for the tenant, a customer can initiate co-browsing in the dialog box on the customer side. After the customer clicks the co-browsing button, a confirmation dialog box is displayed. The customer can confirm the initiation.
   Figure 5 Dialog box on the customer side
   

8. After the agent accepts the co-browsing request on the agent workbench, the customer can share the current page, mark or highlight content on the page, or request the agent's remote control of the page. When the co-browsing icon shown in Figure 6 is displayed in the lower right corner of the page, co-browsing is successfully initiated.
   Figure 6 Co-browsing page on the customer side
   

9. On the agent workbench, the agent can view the customer's current page, view the content marked or highlighted by the customer, or request the remote control of the customer's page.
   Figure 7 Co-browsing page on the agent workbench
   

10. When the web page is scrolled, the marker cannot move with the scrolling of the web page, as shown in Figure 8 and Figure 9. If the marker needs to move with the scrolling of the web page in a business scenario, clear the marker, scroll the page, and mark content again.
    Figure 8 Circled web page content
    
    Figure 9 Circle that cannot move with the scrolling of the web page
    
    

    Ensure that only one agent in the multimedia skill queue signs in to your tenant space. Otherwise, the system may route the session to another agent based on the routing rules. As a result, you may not receive the customer request.