Help Center/ Cognitive Engagement Center/ User Access-Web Lightweight Client Integration (JS)/ Lightweight Web Chat Control Integration (Authorization Mode)/ Test and Verification
Updated on 2024-03-05 GMT+08:00
View PDF
Share

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. Sign in to the CEC as an agent in the multimedia skill queue, select Sign In on the top of the page, and set the state to Idle.
  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, the invocation is successful.
    Figure 1 Online customer service

  5. On the browser console, choose Application, choose Storage > Cookies > Your domain name on the left, and check whether ccmessaging-token is written into cookies.

    Figure 2 Checking ccmessaging-token

  6. On the agent page of the CEC, check whether the agent is in the occupied state and receives the request sent by the client.
  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 3 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 4 is displayed in the lower right corner of the page, co-browsing is successfully initiated.

    Figure 4 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 5 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 6 and Figure 7. 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 6 Circled web page content
    Figure 7 Circle that cannot move with the scrolling of the web page

  11. If the third-party web page contains an animation effect, the agent workbench cannot display the animation effect during the co-browsing.

    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.