Add gif for response queries

LucasPickering · Jan 2, 2025 · c63da9f · c63da9f
1 parent e2a5bca
commit c63da9f
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 6 deletions.
diff --git a/docs/src/images/filter_full.png b/docs/src/images/filter_full.png
diff --git a/docs/src/images/filter_small.png b/docs/src/images/filter_small.png
diff --git a/docs/src/images/query.gif b/docs/src/images/query.gif
diff --git a/docs/src/user_guide/filter_query.md b/docs/src/user_guide/filter_query.md
@@ -102,10 +102,6 @@ You can use this capability to manipulate responses via `grep`, `awk`, or any ot
 
 ## Querying Response in TUI
 
-You can visually query a response body using the filter box at the bottom. Here is a full response, with no query applied:
+You can visually query a response body using the filter box at the bottom:
 
-![Unfiltered response](../images/filter_full.png)
-
-And here it is with the query `$.data` applied:
-
-![Filtered response](../images/filter_small.png)
+![Querying response via JSONPath](../images/query.gif)
diff --git a/tapes/query.tape b/tapes/query.tape
@@ -0,0 +1,28 @@
+Output "docs/src/images/query.gif"
+Set Shell bash
+Set Width 1200
+Set Height 800
+Set FontSize 18
+Set Framerate 24
+Set Margin 0
+Set Padding 10
+Set Theme "MaterialDark"
+
+Hide
+Type "cargo run"
+Enter
+Sleep 2s
+Enter # Send login request
+Type "hunter2"
+Enter
+Sleep 2s
+Type "rf" # Fullscreen response pane
+Show
+
+Sleep 1s
+Type "/"
+Sleep 1s
+Type "$.args"
+Sleep 2s
+Type ".fast"
+Sleep 2s