Live location sharing - extract zoom buttons into component (#8235)

* extract out zoombuttons component * newline Signed-off-by: Kerry Archibald <kerrya@element.io> * stylelint Signed-off-by: Kerry Archibald <kerrya@element.io> * remove skinned sdk Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-11 10:29:07 +02:00
parent 44d446be89
commit df20821fd6
8 changed files with 242 additions and 2 deletions
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ZoomButtons /> renders buttons 1`] = `
+<ZoomButtons
+  map={
+    MockMap {
+      "_events": Object {},
+      "_eventsCount": 0,
+      "_maxListeners": undefined,
+      "addControl": [MockFunction],
+      "removeControl": [MockFunction],
+      "zoomIn": [MockFunction],
+      "zoomOut": [MockFunction],
+      Symbol(kCapture): false,
+    }
+  }
+>
+  <div
+    className="mx_ZoomButtons"
+  >
+    <AccessibleButton
+      className="mx_ZoomButtons_button"
+      data-test-id="map-zoom-in-button"
+      element="div"
+      onClick={[Function]}
+      role="button"
+      tabIndex={0}
+      title="Zoom in"
+    >
+      <div
+        className="mx_AccessibleButton mx_ZoomButtons_button"
+        data-test-id="map-zoom-in-button"
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        role="button"
+        tabIndex={0}
+        title="Zoom in"
+      >
+        <div
+          className="mx_ZoomButtons_icon"
+        />
+      </div>
+    </AccessibleButton>
+    <AccessibleButton
+      className="mx_ZoomButtons_button"
+      data-test-id="map-zoom-out-button"
+      element="div"
+      onClick={[Function]}
+      role="button"
+      tabIndex={0}
+      title="Zoom out"
+    >
+      <div
+        className="mx_AccessibleButton mx_ZoomButtons_button"
+        data-test-id="map-zoom-out-button"
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        role="button"
+        tabIndex={0}
+        title="Zoom out"
+      >
+        <div
+          className="mx_ZoomButtons_icon"
+        />
+      </div>
+    </AccessibleButton>
+  </div>
+</ZoomButtons>
+`;