add cy.stable example (#206)

docs/recipes/element-is-stable.md

@@ -80,3 +80,29 @@ If we click on the command, we see the details in the DevTools console
 ![stableText command](./pics/stable-command.png)
 
 <!-- fiddle-end -->
+
+## Using cy.stable command
+
+My plugin [cypress-map](https://github.com/bahmutov/cypress-map) includes the `cy.stable` child query command.
+
+<!-- fiddle cy.stable / text does not change -->
+
+```html
+<div id="message">--</div>
+<script>
+  setTimeout(() => {
+    document.getElementById('message').innerText = 'loading...'
+  }, 1000)
+  setTimeout(() => {
+    document.getElementById('message').innerText = 'Hello'
+  }, 2000)
+</script>
+```
+
+```js
+cy.get('#message')
+  .stable('text', 1500)
+  .should('have.text', 'Hello')
+```
+
+<!-- fiddle-end -->

package.json

@@ -56,7 +56,7 @@
     "common-tags": "1.8.0",
     "cypress": "13.6.2",
     "cypress-book": "1.5.0",
-    "cypress-map": "^1.24.0",
+    "cypress-map": "^1.25.0",
     "cypress-markdown-preprocessor": "1.10.3",
     "cypress-recurse": "^1.31.2",
     "dependency-version-badge": "1.2.0",