Fix BrowserWebVitalsPerfData clsTime to cls and make it double type.

Author: wankai123

apm-protocol/apm-network/src/main/proto

@@ -55,7 +55,7 @@ Input:
   "pagePath": "/index.html",
   "fmpTime": 10, // Deprecated since skywalking-client-js 1.0. This is no longer recommended. Please use the `useWebVitals` instead.
   /* NOTE, Safari does not support all core web vitals, and Firefox does not support `CLS`. */
-  "clsTime": 10,
+  "clsTime": 0.1,
   "lcpTime": 10,
 }
 ```

docs/en/api/browser-protocol.md

@@ -6,6 +6,7 @@
 
 * KubernetesCoordinator: make self instance return real pod IP address instead of `127.0.0.1`.
 * Enhance the alarm kernel with recovered status notification capability
+* Fix BrowserWebVitalsPerfData `clsTime` to `cls` and make it double type.
 
 #### UI
 * Fix the missing icon in new native trace view.

docs/en/changes/changes.md

@@ -50,7 +50,7 @@ public String getEntityId() {
     private String serviceName;
     private String path;
     private int fmpTime;
-    private int clsTime;
+    private int cls;
     private int lcpTime;
 
     @Override

oap-server/server-core/src/main/java/org/apache/skywalking/oap/server/core/browser/source/BrowserAppWebVitalsPerf.java

@@ -69,7 +69,7 @@ public int getLcpTime() {
         return builder.getLcpTime();
     }
 
-    public int getClsTime() {
-        return builder.getClsTime();
+    public double getCls() {
+        return builder.getCls();
     }
 }

oap-server/server-receiver-plugin/skywalking-browser-receiver-plugin/src/main/java/org/apache/skywalking/oap/server/receiver/browser/provider/parser/performance/decorators/BrowserWebVitalsPerfDataDecorator.java

@@ -49,7 +49,9 @@ public void parse(BrowserWebVitalsPerfDataDecorator decorator) {
         browserAppWebVitalsPerf.setServiceName(namingControl.formatServiceName(decorator.getService()));
         browserAppWebVitalsPerf.setPath(namingControl.formatEndpointName(browserAppWebVitalsPerf.getServiceName(), decorator.getPagePath()));
         browserAppWebVitalsPerf.setFmpTime(decorator.getFmpTime());
-        browserAppWebVitalsPerf.setClsTime(decorator.getClsTime());
+        // Make CLS multiply 1000 to convert to int from double
+        // MQE should divide it by 1000 while querying
+        browserAppWebVitalsPerf.setCls((int) Math.round(decorator.getCls() * 1000));
         browserAppWebVitalsPerf.setLcpTime(decorator.getLcpTime());
     }