udpate: add test for python run

tests/cucumber/features/menu/advanced/python_transformations.feature

@@ -9,7 +9,7 @@ Feature: User can open Python Transformation dialog, change python code and run
     Then I see PythonTransformationDialog
 
     # Change code
-    When I set input with the following data:
+    When I set code input with the following data:
     """
     print('Hello Matera!')
     """
@@ -18,12 +18,15 @@ Feature: User can open Python Transformation dialog, change python code and run
 
     # Code persists
     When I open PythonTransformationDialog
-    Then I see input with the following data:
+    Then I see code input with the following data:
     """
     print('Hello Matera!')
     """
 
     # Run
     When I click the Run button
-    Then I see code output "Hello world"
+    Then I see code output with the following data:
+    """
+    Hello Matera!
+    """
 

tests/cucumber/support/selectors.js

@@ -51,7 +51,7 @@ export const SELECTORS = {
             wrapper: "#python-transformation-dialog",
             dialog: 'div[role="dialog"]',
             codeInput: "python-code-input",
-            pythonOutput: '[data-tid="python-output"]',
+            pythonOutput: "python-output",
             runButton: `button#python-transformation-dialog-run-button`,
             submitButton: `button#python-transformation-dialog-submit-button`,
             cancelButton: `button#python-transformation-dialog-cancel-button`,

tests/cucumber/support/step_definitions/Then I see input with the following data.js → tests/cucumber/support/step_definitions/Then I see code input with the following data.js

@@ -4,7 +4,7 @@ import { SELECTORS } from "../selectors";
 import { materialDesignerPage } from "../widgets/material_designer_page";
 
 export default function () {
-    this.Then(/^I see input with the following data:$/, (docString) => {
+    this.Then(/^I see code input with the following data:$/, (docString) => {
         const { pythonTransformationDialog } = materialDesignerPage.designerWidget;
         const editorId = SELECTORS.headerMenu.pythonTransformationDialog.codeInput;
         const content = pythonTransformationDialog.getCodeMirrorContent(editorId);

tests/cucumber/support/step_definitions/Then I see code output with the following data.js

@@ -0,0 +1,15 @@
+import expect from "expect";
+
+import { SELECTORS } from "../selectors";
+import { materialDesignerPage } from "../widgets/material_designer_page";
+
+export default function () {
+    this.Then(/^I see code output with the following data:$/, (docString) => {
+        const { pythonTransformationDialog } = materialDesignerPage.designerWidget;
+        const editorId = SELECTORS.headerMenu.pythonTransformationDialog.pythonOutput;
+        const content = pythonTransformationDialog.getCodeMirrorContent(editorId);
+        console.log("X:", content);
+        console.log("X:", docString);
+        expect(content.trim()).toEqual(docString);
+    });
+}

tests/cucumber/support/step_definitions/When I set input with the following data.js → tests/cucumber/support/step_definitions/When I set code input with the following data.js

@@ -2,7 +2,7 @@ import { SELECTORS } from "../selectors";
 import { materialDesignerPage } from "../widgets/material_designer_page";
 
 export default function () {
-    this.When(/^I set input with the following data:$/, (docString) => {
+    this.When(/^I set code input with the following data:$/, (docString) => {
         const { pythonTransformationDialog } = materialDesignerPage.designerWidget;
         const editorId = SELECTORS.headerMenu.pythonTransformationDialog.codeInput;
         pythonTransformationDialog.setCodeMirrorContent(editorId, docString);