fix(perps): Missing 1 decimal on price input when using preset on limit price (#27907)

## **Description**

Limit price presets (Mid, Bid, Ask, -1%, -2%) hardcoded
`formatWithSignificantDigits(value, 4)` — 4 significant digits. For
XRP-range prices (~$2.34), this truncated values to 3 decimal places
($2.342) instead of the expected 4 ($2.3418). Fixed by using
`DECIMAL_PRECISION_CONFIG.MaxSignificantFigures` (= 5), matching the
HyperLiquid API limit and the `PRICE_RANGES_UNIVERSAL` display config.
Also added testIDs to all preset buttons for automated testing.

## **Changelog**

CHANGELOG entry: Fixed limit price preset buttons (Mid, Bid, Ask,
percentage) truncating one decimal place for low-price assets like XRP

## **Related issues**

Fixes:
[TAT-2399](https://consensyssoftware.atlassian.net/browse/TAT-2399)

## **Manual testing steps**

```gherkin
Feature: Limit price preset decimal precision
  Scenario: Mid preset shows correct decimals for XRP
    Given I am on the XRP Long Limit order screen
    When I open the limit price bottom sheet
    And I press the Mid preset button
    Then the limit price shows 4 decimal places (e.g., $2.3418)

  Scenario: All presets show correct decimals
    Given I am on the XRP Long Limit order screen
    When I press each preset (Mid, Bid, -1%, -2%)
    Then each preset value has 4 decimal places

  Scenario: Ask preset works for short orders
    Given I am on the XRP Short Limit order screen
    When I press the Ask preset button
    Then the limit price shows 4 decimal places
```

## **Screenshots/Recordings**

### **Before**
Bug confirmed via CDP eval: `formatWithSignificantDigits(2.3418, 4)` →
`2.342` (3 decimals instead of 4)

### **After**



https://github.com/user-attachments/assets/72b3617e-afdf-49c1-bbbb-2b96e176668d



## **Validation Recipe**

<details>
<summary>Automated validation recipe (validate-recipe.sh)</summary>

```json
{
  "pr": "27907",
  "title": "Limit price presets use correct decimal precision (5 sig figs)",
  "jira": "TAT-2399",
  "acceptance_criteria": [
    "Tapping any limit price preset populates the value with market-correct decimal precision",
    "Validated on XRP (reported case) and SOL (different price range)",
    "All five presets covered: Mid, Bid, Ask, -1%, -2%",
    "No regression to manual limit price entry"
  ],
  "validate": {
    "static": ["yarn lint:tsc"],
    "runtime": {
      "pre_conditions": ["wallet.unlocked", "perps.feature_enabled"],
      "steps": [
        {"id": "nav_xrp", "description": "Navigate to XRP market details", "action": "flow_ref", "ref": "market-discovery", "params": {"symbol": "XRP"}},
        {"id": "press_long", "action": "press", "test_id": "perps-market-details-long-button"},
        {"id": "wait_form", "action": "wait_for", "test_id": "perps-order-header-order-type-button"},
        {"id": "press_order_type", "action": "press", "test_id": "perps-order-header-order-type-button"},
        {"id": "wait_type_sheet", "action": "wait_for", "test_id": "perps-order-type-limit"},
        {"id": "press_limit", "action": "press", "test_id": "perps-order-type-limit"},
        {"id": "wait_limit_form", "action": "wait_for", "test_id": "perps-order-view-limit-price-row"},
        {"id": "press_price_row", "action": "press", "test_id": "perps-order-view-limit-price-row"},
        {"id": "wait_price_sheet", "action": "wait_for", "test_id": "keypad-delete-button"},
        {"id": "press_mid_xrp", "action": "press", "test_id": "perps-limit-price-preset-mid"},
        {"id": "wait_mid", "action": "wait", "ms": 500},
        {"id": "check_mid_xrp", "description": "Assert Mid preset >= 4 decimals for XRP", "action": "eval_sync", "expression": "...", "assert": {"operator": "gt", "field": "decimals", "value": 3}},
        {"id": "press_bid_xrp", "action": "press", "test_id": "perps-limit-price-preset-bid"},
        {"id": "check_bid_xrp", "description": "Assert Bid >= 4 decimals", "action": "eval_sync", "assert": {"operator": "gt", "field": "decimals", "value": 3}},
        {"id": "press_pct_minus1_xrp", "action": "press", "test_id": "perps-limit-price-preset--1"},
        {"id": "check_pct_minus1_xrp", "description": "Assert -1% >= 4 decimals", "action": "eval_sync", "assert": {"operator": "gt", "field": "decimals", "value": 3}},
        {"id": "press_pct_minus2_xrp", "action": "press", "test_id": "perps-limit-price-preset--2"},
        {"id": "check_pct_minus2_xrp", "description": "Assert -2% >= 4 decimals", "action": "eval_sync", "assert": {"operator": "gt", "field": "decimals", "value": 3}},
        {"id": "nav_sol", "action": "flow_ref", "ref": "market-discovery", "params": {"symbol": "SOL"}},
        {"id": "check_mid_sol", "description": "SOL no-regression check", "action": "eval_sync", "assert": {"operator": "eq", "field": "isValid", "value": true}},
        {"id": "nav_short_xrp", "action": "flow_ref", "ref": "market-discovery", "params": {"symbol": "XRP"}},
        {"id": "check_ask_xrp", "description": "Assert Ask >= 4 decimals", "action": "eval_sync", "assert": {"operator": "gt", "field": "decimals", "value": 3}}
      ]
    }
  }
}
```

Full recipe: `.task/fix/tat-2399-0325-1840/artifacts/recipe.json`
</details>

## **Pre-merge author checklist**

- [x] I've followed MetaMask Contributor Docs and Coding Standards
- [x] I've completed the PR template to the best of my ability
- [x] I've included tests if applicable
- [ ] I've documented my code using JSDoc format if applicable
- [x] I've applied the right labels on the PR

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.


<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Medium Risk**
> Touches perps limit order price entry; while the change is small, it
affects how preset prices are computed and could impact order placement
values if incorrect.
> 
> **Overview**
> Fixes limit-price preset buttons (Mid/Bid/Ask and +/- % presets) to
format using `DECIMAL_PRECISION_CONFIG.MaxSignificantFigures` instead of
hardcoded 4 significant digits, preventing truncation for low-priced
assets (e.g., XRP).
> 
> Adds `testID`s for each preset button (including dynamic % presets)
and extends `PerpsLimitPriceBottomSheet` tests to assert the correct
decimal precision for XRP-range prices.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
ecb689b. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: abretonc7s

app/components/UI/Perps/Perps.testIds.ts

@@ -551,6 +551,10 @@ export const PerpsOrderViewSelectorsIDs = {
 export const PerpsLimitPriceBottomSheetSelectorsIDs = {
   PRICE_DISPLAY: 'perps-limit-price-display',
   CONFIRM_BUTTON: 'perps-limit-price-confirm-button',
+  PRESET_MID: 'perps-limit-price-preset-mid',
+  PRESET_BID: 'perps-limit-price-preset-bid',
+  PRESET_ASK: 'perps-limit-price-preset-ask',
+  PRESET_PERCENT: 'perps-limit-price-preset-',
 };
 
 // ========================================

app/components/UI/Perps/components/PerpsLimitPriceBottomSheet/PerpsLimitPriceBottomSheet.test.tsx

@@ -528,6 +528,69 @@ describe('PerpsLimitPriceBottomSheet', () => {
     });
   });
 
+  describe('Preset decimal precision (TAT-2399)', () => {
+    const xrpProps = {
+      ...defaultProps,
+      asset: 'XRP',
+      currentPrice: 2.3418,
+    };
+
+    beforeEach(() => {
+      const { usePerpsTopOfBook } = jest.requireMock('../../hooks/stream');
+      usePerpsTopOfBook.mockReturnValue({
+        bestBid: '2.3412',
+        bestAsk: '2.3426',
+      });
+    });
+
+    it('Mid preset uses 5 significant figures (not 4) for XRP-range prices', () => {
+      render(<PerpsLimitPriceBottomSheet {...xrpProps} direction="long" />);
+
+      const midButton = screen.getByText(
+        'perps.order.limit_price_modal.mid_price',
+      );
+      fireEvent.press(midButton);
+
+      // With 5 sig figs: 2.3418 → 4 decimals (intDig=1, dec=4)
+      // With 4 sig figs (bug): 2.3418 → 3 decimals (2.342)
+      expect(screen.getByTestId('keypad-value')).toHaveTextContent('2.3418');
+    });
+
+    it('Bid preset uses 5 significant figures for XRP-range prices', () => {
+      render(<PerpsLimitPriceBottomSheet {...xrpProps} direction="long" />);
+
+      const bidButton = screen.getByText(
+        'perps.order.limit_price_modal.bid_price',
+      );
+      fireEvent.press(bidButton);
+
+      // bestBid='2.3412' → parseFloat → 2.3412 → 5 sig figs → 4 decimals
+      expect(screen.getByTestId('keypad-value')).toHaveTextContent('2.3412');
+    });
+
+    it('Ask preset uses 5 significant figures for XRP-range prices', () => {
+      render(<PerpsLimitPriceBottomSheet {...xrpProps} direction="short" />);
+
+      const askButton = screen.getByText(
+        'perps.order.limit_price_modal.ask_price',
+      );
+      fireEvent.press(askButton);
+
+      // bestAsk='2.3426' → parseFloat → 2.3426 → 5 sig figs → 4 decimals
+      expect(screen.getByTestId('keypad-value')).toHaveTextContent('2.3426');
+    });
+
+    it('Percentage preset uses 5 significant figures for XRP-range prices', () => {
+      render(<PerpsLimitPriceBottomSheet {...xrpProps} direction="long" />);
+
+      const pctButton = screen.getByText('-1%');
+      fireEvent.press(pctButton);
+
+      // BigNumber mock returns base price (2.3418) → 5 sig figs → 4 decimals
+      expect(screen.getByTestId('keypad-value')).toHaveTextContent('2.3418');
+    });
+  });
+
   describe('Validation and Error States', () => {
     it('shows muted text style for placeholder limit price', () => {
       // Act

app/components/UI/Perps/components/PerpsLimitPriceBottomSheet/PerpsLimitPriceBottomSheet.tsx

@@ -22,6 +22,7 @@ import {
   PRICE_RANGES_UNIVERSAL,
 } from '../../utils/formatUtils';
 import {
+  DECIMAL_PRECISION_CONFIG,
   getPerpsDisplaySymbol,
   PERPS_CONSTANTS,
   PERPS_EVENT_PROPERTY,
@@ -374,11 +375,15 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
         <View style={styles.percentageButtonsRow}>
           {/* Mid price button - uses currentPrice which is the mid price from allMids stream */}
           <TouchableOpacity
+            testID={PerpsLimitPriceBottomSheetSelectorsIDs.PRESET_MID}
             style={styles.percentageButton}
             onPress={() => {
               if (currentPrice) {
                 setLimitPrice(
-                  formatWithSignificantDigits(currentPrice, 4).value.toString(),
+                  formatWithSignificantDigits(
+                    currentPrice,
+                    DECIMAL_PRECISION_CONFIG.MaxSignificantFigures,
+                  ).value.toString(),
                 );
                 setInputMethod(PERPS_EVENT_VALUE.INPUT_METHOD.PRESET);
               }
@@ -394,14 +399,15 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
             <>
               {/* Bid price button */}
               <TouchableOpacity
+                testID={PerpsLimitPriceBottomSheetSelectorsIDs.PRESET_BID}
                 style={styles.percentageButton}
                 onPress={() => {
                   const price = bidPrice || currentPriceData?.price;
                   if (price) {
                     setLimitPrice(
                       formatWithSignificantDigits(
                         parseFloat(price),
-                        4,
+                        DECIMAL_PRECISION_CONFIG.MaxSignificantFigures,
                       ).value.toString(),
                     );
                     setInputMethod(PERPS_EVENT_VALUE.INPUT_METHOD.PRESET);
@@ -417,6 +423,7 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
               {LIMIT_PRICE_CONFIG.LongPresets.map((percentage) => (
                 <TouchableOpacity
                   key={percentage}
+                  testID={`${PerpsLimitPriceBottomSheetSelectorsIDs.PRESET_PERCENT}${percentage}`}
                   style={styles.percentageButton}
                   onPress={() => {
                     const calculatedPrice =
@@ -425,7 +432,7 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
                       setLimitPrice(
                         formatWithSignificantDigits(
                           parseFloat(calculatedPrice),
-                          4,
+                          DECIMAL_PRECISION_CONFIG.MaxSignificantFigures,
                         ).value.toString(),
                       );
                       setInputMethod(
@@ -446,14 +453,15 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
             <>
               {/* Ask price button */}
               <TouchableOpacity
+                testID={PerpsLimitPriceBottomSheetSelectorsIDs.PRESET_ASK}
                 style={styles.percentageButton}
                 onPress={() => {
                   const price = askPrice || currentPriceData?.price;
                   if (price) {
                     setLimitPrice(
                       formatWithSignificantDigits(
                         parseFloat(price),
-                        4,
+                        DECIMAL_PRECISION_CONFIG.MaxSignificantFigures,
                       ).value.toString(),
                     );
                     setInputMethod(PERPS_EVENT_VALUE.INPUT_METHOD.PRESET);
@@ -469,6 +477,7 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
               {LIMIT_PRICE_CONFIG.ShortPresets.map((percentage) => (
                 <TouchableOpacity
                   key={percentage}
+                  testID={`${PerpsLimitPriceBottomSheetSelectorsIDs.PRESET_PERCENT}${percentage}`}
                   style={styles.percentageButton}
                   onPress={() => {
                     const calculatedPrice =
@@ -477,7 +486,7 @@ const PerpsLimitPriceBottomSheet: React.FC<PerpsLimitPriceBottomSheetProps> = ({
                       setLimitPrice(
                         formatWithSignificantDigits(
                           parseFloat(calculatedPrice),
-                          4,
+                          DECIMAL_PRECISION_CONFIG.MaxSignificantFigures,
                         ).value.toString(),
                       );
                       setInputMethod(