CCA: Ignore setOptions error when tap-to-focus

Some devices do not support the pointsOfInterest control and there is no
standard Web API can query it without trying to apply it.  This CL
catches the exception from applyConstraints() and simply ignores it.

Bug: b/172345418
Test: Manually
Change-Id: Ied24770a1eddf8e6f3772287da6fd55c818b85e6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2637434
Commit-Queue: Shik Chen <shik@chromium.org>
Auto-Submit: Shik Chen <shik@chromium.org>
Reviewed-by: Inker Kuo <inker@chromium.org>
Cr-Commit-Position: refs/heads/master@{#844715}

chromeos/components/camera_app_ui/resources/js/BUILD.gn

@@ -8,7 +8,7 @@ import("//third_party/closure_compiler/compile_js.gni")
 js_type_check("closure_compile") {
   closure_flags =
       default_closure_args + [
-        "language_in=ECMASCRIPT_2018",
+        "language_in=ECMASCRIPT_2019",
         "jscomp_error=lintChecks",
         "jscomp_error=strictCheckTypes",
         "conformance_configs=" +

chromeos/components/camera_app_ui/resources/js/views/camera/preview.js

@@ -470,20 +470,24 @@ export class Preview {
     const y = event.offsetY / this.video_.offsetHeight;
     const constraints = {advanced: [{pointsOfInterest: [{x, y}]}]};
     const track = this.video_.srcObject.getVideoTracks()[0];
-    const focus =
-        track.applyConstraints(constraints)
-            .then(() => {
-              if (focus !== this.focus_) {
-                return;  // Focus was cancelled.
-              }
-              const aim = dom.get('#preview-focus-aim', HTMLObjectElement);
-              const clone = aim.cloneNode(true);
-              clone.style.left = `${event.offsetX + this.video_.offsetLeft}px`;
-              clone.style.top = `${event.offsetY + this.video_.offsetTop}px`;
-              clone.hidden = false;
-              aim.parentElement.replaceChild(clone, aim);
-            })
-            .catch(console.error);
+    const focus = (async () => {
+      try {
+        await track.applyConstraints(constraints);
+      } catch {
+        // The device might not support setting pointsOfInterest. Ignore the
+        // error and return.
+        return;
+      }
+      if (focus !== this.focus_) {
+        return;  // Focus was cancelled.
+      }
+      const aim = dom.get('#preview-focus-aim', HTMLObjectElement);
+      const clone = aim.cloneNode(true);
+      clone.style.left = `${event.offsetX + this.video_.offsetLeft}px`;
+      clone.style.top = `${event.offsetY + this.video_.offsetTop}px`;
+      clone.hidden = false;
+      aim.parentElement.replaceChild(clone, aim);
+    })();
     this.focus_ = focus;
   }