開発者オーバレイの位置精度表示を整数に揃える

Author: TinyKitten

src/components/DevOverlay.test.tsx

@@ -188,6 +188,21 @@ describe('DevOverlay', () => {
       );
     });
 
+    it('精度情報の小数点を切り捨てて表示する', () => {
+      setupAtomValues({
+        location: {
+          coords: { speed: 10, accuracy: 15.9 },
+        },
+        accuracyHistory: [10, 15, 20],
+        backgroundLocationTracking: false,
+      });
+
+      const { getByTestId } = render(<DevOverlay />);
+      expect(getByTestId('dev-overlay-accuracy-value')).toHaveTextContent(
+        '15m'
+      );
+    });
+
     it('速度情報をkm/hで表示する', () => {
       const { getByText, getByTestId } = render(<DevOverlay />);
       expect(getByText('CURRENT SPEED')).toBeTruthy();

src/components/DevOverlay.tsx

@@ -284,6 +284,8 @@ const DevOverlay: React.FC = () => {
   );
 
   const coordsSpeed = ((speed ?? 0) < 0 ? 0 : speed) ?? 0;
+  const accuracyMeters =
+    accuracy != null ? Math.max(0, Math.floor(accuracy)) : null;
 
   const speedKMH = useMemo(
     () =>
@@ -577,7 +579,7 @@ const DevOverlay: React.FC = () => {
                 <View style={styles.landscapeSubGrid}>
                   <MetricCard
                     label="LOCATION ACCURACY"
-                    value={accuracy != null ? `${accuracy}` : '--'}
+                    value={accuracyMeters != null ? `${accuracyMeters}` : '--'}
                     suffix="m"
                     style={[{ width: leftMetricWidth }, metricCardStyle]}
                     valueTestID="dev-overlay-accuracy-value"
@@ -631,7 +633,7 @@ const DevOverlay: React.FC = () => {
                 <View style={[styles.metricsGrid, { gap: metricsGap }]}>
                   <MetricCard
                     label="LOCATION ACCURACY"
-                    value={accuracy != null ? `${accuracy}` : '--'}
+                    value={accuracyMeters != null ? `${accuracyMeters}` : '--'}
                     suffix="m"
                     style={[{ width: metricWidth }, metricCardStyle]}
                     valueTestID="dev-overlay-accuracy-value"