@portabletext/plugin-emoji-picker 1.0.3 → 1.0.4

package/src/emoji-picker.feature

@@ -14,6 +14,21 @@ Feature: Emoji Picker
       | ":jo"        | "y:"          | "😂"       |
       | ":joy"       | ":"           | "😂"       |
 
+  Scenario Outline: Is only triggered when an initial colon is typed
+    Given the text <text>
+    When the caret is put <position>
+    And <inserted text> is inserted
+    Then the text is <final text>
+    And the keyword is <keyword>
+
+    Examples:
+      | text   | position     | inserted text | final text | keyword |
+      | ""     | after ""     | ":j"          | ":j"       | "j"     |
+      | ":"    | after ":"    | "j"           | ":j"       | ""      |
+      | ":j"   | after ":j"   | "o"           | ":jo"      | ""      |
+      | ":jo"  | after ":jo"  | ":"           | ":jo:"     | ""      |
+      | ":joy" | after ":joy" | ":"           | ":joy:"    | ""      |
+
   Scenario: Undo after direct hit
     When ":joy:" is typed
     Then the text is "😂"
@@ -25,7 +40,7 @@ Feature: Emoji Picker
     And undo is performed
     And "{Backspace}" is pressed
     And ":" is typed
-    Then the text is "😂"
+    Then the text is ":joy:"
     And the keyword is ""
     And the matches are ""
 
@@ -139,28 +154,28 @@ Feature: Emoji Picker
     Given the text <text>
     And a "link" "l1" around <annotated>
     When the caret is put <position>
-    And <keyword> is typed
-    Then the text is <final text>
+    And <inserted text> is inserted
+    Then the keyword is <keyword>
 
     Examples:
-      | text          | annotated | position      | keyword | final text        |
-      | "foo bar baz" | "bar"     | after "foo "  | ":joy:" | "foo 😂,bar, baz" |
-      # | "foo bar baz" | "bar"     | before "bar"  | ":joy:" | "foo 😂,bar, baz" |
-      | "foo bar baz" | "bar"     | after "bar"   | ":joy:" | "foo ,bar,😂 baz" |
-      | "foo bar baz" | "bar"     | before " baz" | ":joy:" | "foo ,bar,😂 baz" |
+      | text          | annotated | position     | inserted text | keyword |
+      | "foo bar baz" | "bar"     | after "foo " | ":j"          | "j"     |
+      # | "foo bar baz" | "bar"     | before "bar"  | ":j" | "j" |
+      | "foo bar baz" | "bar"     | after "bar"  | ":j"          | "j"     |
 
+  # | "foo bar baz" | "bar"     | before " baz" | ":j" | "j" |
   Scenario Outline: Typing before the colon
     Given the text <text>
-    When <keyword> is typed
+    When <inserted text> is typed
     And <button> is pressed
     And <new text> is typed
     And "{Enter}" is pressed
     Then the text is <final text>
 
     Examples:
-      | text | keyword | button                   | new text | final text |
-      | ""   | ":j"    | "{ArrowLeft}{ArrowLeft}" | "f"      | "f\|:j"    |
-      | "fo" | ":j"    | "{ArrowLeft}{ArrowLeft}" | "o"      | "foo\|:j"  |
+      | text | inserted text | button                   | new text | final text |
+      | ""   | ":j"          | "{ArrowLeft}{ArrowLeft}" | "f"      | "f\|:j"    |
+      | "fo" | ":j"          | "{ArrowLeft}{ArrowLeft}" | "o"      | "foo\|:j"  |
 
   Scenario Outline: Navigating away from the keyword
     Given the text <text>
@@ -196,3 +211,17 @@ Feature: Emoji Picker
       | ""   | ":!!"         | "!!"    | "‼️"           |
       | ""   | "::)"         | ":)"    | "😊"           |
       | ""   | "::"          | ":"     | "😊"           |
+
+  Scenario: Narrowing keyword by deletion
+    Given the text "foo"
+    When the caret is put after "fo"
+    And <inserted text> is inserted
+    And "{ArrowLeft}" is pressed
+    And "{Backspace}" is pressed
+    Then the text is <final text>
+    And the keyword is <keyword>
+
+    Examples:
+      | inserted text | final text | keyword |
+      | ":joy"        | "fo:jyo"   | "jy"    |
+      | ":j👻y"       | "fo:jyo"   | "jy"    |

package/src/emoji-picker.test.tsx

@@ -5,10 +5,10 @@ import {
   type Context,
 } from '@portabletext/editor/test/vitest'
 import {defineSchema} from '@portabletext/schema'
-import {page, type Locator} from '@vitest/browser/context'
 import {Before, Then} from 'racejar'
 import {Feature} from 'racejar/vitest'
 import {expect, vi} from 'vitest'
+import {page, type Locator} from 'vitest/browser'
 import {createMatchEmojis} from './create-match-emojis'
 import emojiPickerFeature from './emoji-picker.feature?raw'
 import {useEmojiPicker} from './use-emoji-picker'