From 99566cb143ff0cdd4439b2a5686e190fe6152f1e Mon Sep 17 00:00:00 2001
From: Wonsuk Choi <sukvvon@gmail.com>
Date: Wed, 6 May 2026 02:53:30 +0900
Subject: [PATCH 1/2] test(query-devtools/utils): add tests for
 'getMutationStatusColor' and 'getQueryStatusColorByLabel'

---
 .../src/__tests__/utils.test.ts               | 58 ++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/packages/query-devtools/src/__tests__/utils.test.ts b/packages/query-devtools/src/__tests__/utils.test.ts
index 60fbcf130ec..bad7e942391 100644
--- a/packages/query-devtools/src/__tests__/utils.test.ts
+++ b/packages/query-devtools/src/__tests__/utils.test.ts
@@ -1,5 +1,11 @@
 import { describe, expect, it } from 'vitest'
-import { deleteNestedDataByPath, updateNestedDataByPath } from '../utils'
+import {
+  deleteNestedDataByPath,
+  getMutationStatusColor,
+  getQueryStatusColorByLabel,
+  updateNestedDataByPath,
+} from '../utils'
+import type { MutationStatus } from '@tanstack/query-core'
 
 describe('Utils tests', () => {
   describe('updatedNestedDataByPath', () => {
@@ -729,4 +735,54 @@ describe('Utils tests', () => {
       })
     })
   })
+
+  describe('getMutationStatusColor', () => {
+    const cases: Array<{
+      label: string
+      status: MutationStatus
+      isPaused: boolean
+      expected: string
+    }> = [
+      { label: 'paused', status: 'pending', isPaused: true, expected: 'purple' },
+      {
+        label: 'paused even when status is "error"',
+        status: 'error',
+        isPaused: true,
+        expected: 'purple',
+      },
+      { label: '"error"', status: 'error', isPaused: false, expected: 'red' },
+      { label: '"pending"', status: 'pending', isPaused: false, expected: 'yellow' },
+      { label: '"success"', status: 'success', isPaused: false, expected: 'green' },
+      { label: '"idle"', status: 'idle', isPaused: false, expected: 'gray' },
+    ]
+
+    it.each(cases)(
+      'should return "$expected" when mutation is $label',
+      ({ status, isPaused, expected }) => {
+        expect(getMutationStatusColor({ status, isPaused })).toBe(expected)
+      },
+    )
+  })
+
+  describe('getQueryStatusColorByLabel', () => {
+    it('should return "green" for "fresh"', () => {
+      expect(getQueryStatusColorByLabel('fresh')).toBe('green')
+    })
+
+    it('should return "yellow" for "stale"', () => {
+      expect(getQueryStatusColorByLabel('stale')).toBe('yellow')
+    })
+
+    it('should return "purple" for "paused"', () => {
+      expect(getQueryStatusColorByLabel('paused')).toBe('purple')
+    })
+
+    it('should return "gray" for "inactive"', () => {
+      expect(getQueryStatusColorByLabel('inactive')).toBe('gray')
+    })
+
+    it('should return "blue" for "fetching"', () => {
+      expect(getQueryStatusColorByLabel('fetching')).toBe('blue')
+    })
+  })
 })

From 03225a241a60c56ede739eeea5d8f910f7d22c05 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Tue, 5 May 2026 17:55:07 +0000
Subject: [PATCH 2/2] ci: apply automated fixes

---
 .../src/__tests__/utils.test.ts               | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/query-devtools/src/__tests__/utils.test.ts b/packages/query-devtools/src/__tests__/utils.test.ts
index bad7e942391..7f67f52e2f1 100644
--- a/packages/query-devtools/src/__tests__/utils.test.ts
+++ b/packages/query-devtools/src/__tests__/utils.test.ts
@@ -743,7 +743,12 @@ describe('Utils tests', () => {
       isPaused: boolean
       expected: string
     }> = [
-      { label: 'paused', status: 'pending', isPaused: true, expected: 'purple' },
+      {
+        label: 'paused',
+        status: 'pending',
+        isPaused: true,
+        expected: 'purple',
+      },
       {
         label: 'paused even when status is "error"',
         status: 'error',
@@ -751,8 +756,18 @@ describe('Utils tests', () => {
         expected: 'purple',
       },
       { label: '"error"', status: 'error', isPaused: false, expected: 'red' },
-      { label: '"pending"', status: 'pending', isPaused: false, expected: 'yellow' },
-      { label: '"success"', status: 'success', isPaused: false, expected: 'green' },
+      {
+        label: '"pending"',
+        status: 'pending',
+        isPaused: false,
+        expected: 'yellow',
+      },
+      {
+        label: '"success"',
+        status: 'success',
+        isPaused: false,
+        expected: 'green',
+      },
       { label: '"idle"', status: 'idle', isPaused: false, expected: 'gray' },
     ]