testomatio-editor-blocks 0.4.46 → 0.4.48

package/src/editor/markdownToBlocks.test.ts

@@ -10,11 +10,15 @@ const baseProps = {
 describe("markdownToBlocks", () => {
   it("parses test steps and test cases", () => {
     const markdown = [
+      "### Steps",
+      "",
       "* Open the Login page.",
       "  *Expected*: The Login page loads successfully.",
     ].join("\n");
 
-    expect(markdownToBlocks(markdown)).toEqual([
+    const blocks = markdownToBlocks(markdown);
+    const stepBlocks = blocks.filter((b) => b.type === "testStep");
+    expect(stepBlocks).toEqual([
       {
         type: "testStep",
         props: {
@@ -30,12 +34,16 @@ describe("markdownToBlocks", () => {
 
   it("parses snippet markdown into snippet blocks", () => {
     const markdown = [
+      "### Steps",
+      "",
       "<!-- begin snippet #501 -->",
       "Run the seeder",
       "<!-- end snippet #501 -->",
     ].join("\n");
 
-    expect(markdownToBlocks(markdown)).toEqual([
+    const blocks = markdownToBlocks(markdown);
+    const snippetBlocks = blocks.filter((b) => b.type === "snippet");
+    expect(snippetBlocks).toEqual([
       {
         type: "snippet",
         props: {
@@ -51,6 +59,8 @@ describe("markdownToBlocks", () => {
 
   it("parses snippet bodies and ignores nested snippet markers", () => {
     const markdown = [
+      "### Steps",
+      "",
       "<!-- begin snippet #888 -->",
       "Prep DB",
       "<!-- begin snippet #ignored -->",
@@ -59,7 +69,9 @@ describe("markdownToBlocks", () => {
       "<!-- end snippet #888 -->",
     ].join("\n");
 
-    expect(markdownToBlocks(markdown)).toEqual([
+    const blocks = markdownToBlocks(markdown);
+    const snippetBlocks = blocks.filter((b) => b.type === "snippet");
+    expect(snippetBlocks).toEqual([
       {
         type: "snippet",
         props: {

package/src/editor/styles.css

@@ -942,6 +942,11 @@ html.dark .bn-step-image-preview__content {
   background: var(--step-bg-button-hover);
 }
 
+.bn-step-toolbar__button--active {
+  background: var(--step-bg-button-hover);
+  color: var(--step-input-border-focus);
+}
+
 [data-tooltip] {
   position: relative;
 }
@@ -1074,8 +1079,7 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-step-editor .overtype-wrapper .overtype-preview strong.step-preview-bold {
-  -webkit-text-stroke: 0.5px currentColor;
-  font-weight: inherit !important;
+  font-weight: 600 !important;
   color: inherit !important;
 }
 
@@ -1085,9 +1089,10 @@ html.dark .bn-step-image-preview__content {
 }
 
 .bn-step-editor .overtype-wrapper .overtype-preview code.step-preview-code {
-  background-color: rgba(135, 131, 120, 0.15) !important;
+  background-color: transparent !important;
   border-radius: 3px !important;
-  color: inherit !important;
+  font-family: "Fira Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+  color: rgb(146, 64, 14) !important;
 }
 
 .bn-step-custom-caret {
@@ -1334,6 +1339,11 @@ html.dark .bn-step-image-preview__content {
   pointer-events: none;
 }
 
+.bn-suggestion-menu .mantine-Badge-label {
+  text-transform: none;
+  font-size: var(--badge-fz-sm);
+}
+
 .bn-suggestion-icon {
   display: inline-flex;
   align-items: center;

package/src/index.ts

@@ -4,7 +4,7 @@ export {
   type CustomBlock,
   type CustomEditor,
 } from "./editor/customSchema";
-export { stepBlock, canInsertStepOrSnippet, isStepsHeading, addStepsBlock } from "./editor/blocks/step";
+export { stepBlock, canInsertStepOrSnippet, isStepsHeading, addStepsBlock, addSnippetBlock } from "./editor/blocks/step";
 export { snippetBlock } from "./editor/blocks/snippet";
 export { markdownToHtml, htmlToMarkdown } from "./editor/blocks/markdown";