testomatio-editor-blocks 0.4.13 → 0.4.15

package/package/editor/customMarkdownConverter.js

@@ -1028,7 +1028,7 @@ function parseParagraph(lines, index) {
 }
 function parseSnippetWrapper(lines, index) {
     const trimmed = lines[index].trim();
-    const startMatch = trimmed.match(/^<!--\s*begin snippet\s*#?([^\s>]+)\s*-->/i);
+    const startMatch = trimmed.match(/^<!--\s*begin snippet\s*#?\s*([^\s>]+)\s*-->/i);
     if (!startMatch) {
         return null;
     }
@@ -1037,7 +1037,7 @@ function parseSnippetWrapper(lines, index) {
     let next = index + 1;
     while (next < lines.length) {
         const maybeEnd = lines[next].trim();
-        const endMatch = maybeEnd.match(/^<!--\s*end snippet\s*#?([^\s>]+)?\s*-->/i);
+        const endMatch = maybeEnd.match(/^<!--\s*end snippet\s*#?\s*([^\s>]+)?\s*-->/i);
         if (endMatch) {
             const endId = endMatch[1];
             if (!endId || endId === snippetId) {
@@ -1048,7 +1048,7 @@ function parseSnippetWrapper(lines, index) {
             next += 1;
             continue;
         }
-        const otherStart = maybeEnd.match(/^<!--\s*begin snippet\s*#?([^\s>]+)\s*-->/i);
+        const otherStart = maybeEnd.match(/^<!--\s*begin snippet\s*#?\s*([^\s>]+)\s*-->/i);
         if (otherStart) {
             // Skip nested snippet wrappers from the body entirely.
             next += 1;

package/package/editor/snippetAutocomplete.d.ts

@@ -11,6 +11,7 @@ export type SnippetJsonApiAttributes = {
     body?: string | null;
     description?: string | null;
     "usage-count"?: number | string | null;
+    "is-snippet"?: boolean | null;
 };
 export type SnippetJsonApiResource = {
     id?: string | number | null;

package/package/editor/snippetAutocomplete.js

@@ -79,7 +79,7 @@ function normalizeJsonApiResource(resource) {
         body: (_c = (_b = attrs === null || attrs === void 0 ? void 0 : attrs.body) !== null && _b !== void 0 ? _b : attrs === null || attrs === void 0 ? void 0 : attrs.description) !== null && _c !== void 0 ? _c : null,
         description: (_d = attrs === null || attrs === void 0 ? void 0 : attrs.description) !== null && _d !== void 0 ? _d : null,
         usageCount: coerceNumber(attrs === null || attrs === void 0 ? void 0 : attrs["usage-count"]),
-        isSnippet: true,
+        isSnippet: (attrs === null || attrs === void 0 ? void 0 : attrs["is-snippet"]) === true,
     };
 }
 function isSnippetSuggestionArray(value) {

package/package/styles.css

@@ -498,11 +498,11 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-teststep__view-toggle--horizontal[data-tooltip]::after {
-  right: auto;
-  top: auto;
-  bottom: calc(100% + 6px);
-  left: 50%;
-  transform: translateX(-50%) rotate(-90deg);
+  bottom: auto;
+  left: auto;
+  right: calc(100% + 6px);
+  top: 50%;
+  transform: translateY(-50%) rotate(-90deg);
 }
 
 .bn-teststep__horizontal-fields {
@@ -656,16 +656,22 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-snippet-dropdown__search-input {
-  border: none;
-  outline: none;
-  background: transparent;
+  border: none !important;
+  outline: none !important;
+  background: transparent !important;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   font-weight: 500;
-  line-height: normal;
+  line-height: normal !important;
   color: var(--text-primary);
   width: 100%;
-  padding: 0;
+  height: auto;
+  display: inline !important;
+  padding: 0 !important;
+  appearance: none !important;
+  -webkit-appearance: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
 }
 
 .bn-snippet-dropdown__search-input::placeholder {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/App.tsx

@@ -254,6 +254,7 @@ const DEMO_SNIPPET_FIXTURES: SnippetJsonApiDocument = {
         body: "Open /login\nWait for form to render\nEnsure no console errors",
         description: "Navigate to login and wait for readiness",
         "usage-count": 12,
+        "is-snippet": true,
       },
     },
     {
@@ -264,6 +265,7 @@ const DEMO_SNIPPET_FIXTURES: SnippetJsonApiDocument = {
         body: "Type email\nType password\nClick Sign In",
         description: "Reusable credentials filler",
         "usage-count": 9,
+        "is-snippet": true,
       },
     },
     {
@@ -274,6 +276,7 @@ const DEMO_SNIPPET_FIXTURES: SnippetJsonApiDocument = {
         body: "Assert toast visible\nWait 3s\nAssert toast removed",
         description: "Shared assertion for ephemeral notifications",
         "usage-count": 7,
+        "is-snippet": true,
       },
     },
   ],

package/src/editor/customMarkdownConverter.test.ts

@@ -385,6 +385,28 @@ describe("markdownToBlocks", () => {
     ]);
   });
 
+  it("parses snippet markdown with space between # and ID", () => {
+    const markdown = [
+      "<!-- begin snippet # 22289 -->",
+      "* Fill `<Email>` with correct registered email",
+      "* Verify that the update to the target is successful",
+      "<!-- end snippet # 22289 -->",
+    ].join("\n");
+
+    expect(markdownToBlocks(markdown)).toEqual([
+      {
+        type: "snippet",
+        props: {
+          snippetId: "22289",
+          snippetTitle: "",
+          snippetData: "* Fill `<Email>` with correct registered email\n* Verify that the update to the target is successful",
+          snippetExpectedResult: "",
+        },
+        children: [],
+      },
+    ]);
+  });
+
   it("parses snippet bodies and ignores nested snippet markers", () => {
     const markdown = [
       "<!-- begin snippet #888 -->",

package/src/editor/customMarkdownConverter.ts

@@ -1238,7 +1238,7 @@ function parseSnippetWrapper(
   index: number,
 ): { block: CustomPartialBlock; nextIndex: number } | null {
   const trimmed = lines[index].trim();
-  const startMatch = trimmed.match(/^<!--\s*begin snippet\s*#?([^\s>]+)\s*-->/i);
+  const startMatch = trimmed.match(/^<!--\s*begin snippet\s*#?\s*([^\s>]+)\s*-->/i);
   if (!startMatch) {
     return null;
   }
@@ -1249,7 +1249,7 @@ function parseSnippetWrapper(
 
   while (next < lines.length) {
     const maybeEnd = lines[next].trim();
-    const endMatch = maybeEnd.match(/^<!--\s*end snippet\s*#?([^\s>]+)?\s*-->/i);
+    const endMatch = maybeEnd.match(/^<!--\s*end snippet\s*#?\s*([^\s>]+)?\s*-->/i);
     if (endMatch) {
       const endId = endMatch[1];
       if (!endId || endId === snippetId) {
@@ -1260,7 +1260,7 @@ function parseSnippetWrapper(
       next += 1;
       continue;
     }
-    const otherStart = maybeEnd.match(/^<!--\s*begin snippet\s*#?([^\s>]+)\s*-->/i);
+    const otherStart = maybeEnd.match(/^<!--\s*begin snippet\s*#?\s*([^\s>]+)\s*-->/i);
     if (otherStart) {
       // Skip nested snippet wrappers from the body entirely.
       next += 1;

package/src/editor/snippetAutocomplete.test.ts

@@ -19,6 +19,7 @@ describe("snippet autocomplete", () => {
             body: "Open /login",
             description: "Ready state",
             "usage-count": 4,
+            "is-snippet": true,
           },
         },
       ],

package/src/editor/snippetAutocomplete.ts

@@ -14,6 +14,7 @@ export type SnippetJsonApiAttributes = {
   body?: string | null;
   description?: string | null;
   "usage-count"?: number | string | null;
+  "is-snippet"?: boolean | null;
 };
 
 export type SnippetJsonApiResource = {
@@ -118,7 +119,7 @@ function normalizeJsonApiResource(resource: SnippetJsonApiResource | null | unde
     body: attrs?.body ?? attrs?.description ?? null,
     description: attrs?.description ?? null,
     usageCount: coerceNumber(attrs?.["usage-count"]),
-    isSnippet: true,
+    isSnippet: attrs?.["is-snippet"] === true,
   };
 }
 

package/src/editor/styles.css

@@ -498,11 +498,11 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-teststep__view-toggle--horizontal[data-tooltip]::after {
-  right: auto;
-  top: auto;
-  bottom: calc(100% + 6px);
-  left: 50%;
-  transform: translateX(-50%) rotate(-90deg);
+  bottom: auto;
+  left: auto;
+  right: calc(100% + 6px);
+  top: 50%;
+  transform: translateY(-50%) rotate(-90deg);
 }
 
 .bn-teststep__horizontal-fields {
@@ -656,16 +656,22 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-snippet-dropdown__search-input {
-  border: none;
-  outline: none;
-  background: transparent;
+  border: none !important;
+  outline: none !important;
+  background: transparent !important;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   font-weight: 500;
-  line-height: normal;
+  line-height: normal !important;
   color: var(--text-primary);
   width: 100%;
-  padding: 0;
+  height: auto;
+  display: inline !important;
+  padding: 0 !important;
+  appearance: none !important;
+  -webkit-appearance: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
 }
 
 .bn-snippet-dropdown__search-input::placeholder {