monaco_editor_ui_test: test source code editor with new UI

dd22cd9c · Jérome Perrin · 6f968a38 · dd22cd9c · dd22cd9c
Commit dd22cd9c authored Mar 04, 2020 by Jérome Perrin
2 changed files
--- a/bt5/erp5_monaco_editor_ui_test/PathTemplateItem/portal_tests/monaco_editor_zuite/testCodeEditorRenderJSStyle.xml
+++ b/bt5/erp5_monaco_editor_ui_test/PathTemplateItem/portal_tests/monaco_editor_zuite/testCodeEditorRenderJSStyle.xml
+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_bind_names</string> </key>
+            <value>
+              <object>
+                <klass>
+                  <global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
+                </klass>
+                <tuple/>
+                <state>
+                  <dictionary>
+                    <item>
+                        <key> <string>_asgns</string> </key>
+                        <value>
+                          <dictionary>
+                            <item>
+                                <key> <string>name_subpath</string> </key>
+                                <value> <string>traverse_subpath</string> </value>
+                            </item>
+                          </dictionary>
+                        </value>
+                    </item>
+                  </dictionary>
+                </state>
+              </object>
+            </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>text/html</string> </value>
+        </item>
+        <item>
+            <key> <string>expand</string> </key>
+            <value> <int>0</int> </value>
+        </item>
+        <item>
+            <key> <string>id</string> </key>
+            <value> <string>testCodeEditorRenderJSStyle</string> </value>
+        </item>
+        <item>
+            <key> <string>output_encoding</string> </key>
+            <value> <string>utf-8</string> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <unicode></unicode> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>
--- a/bt5/erp5_monaco_editor_ui_test/PathTemplateItem/portal_tests/monaco_editor_zuite/testCodeEditorRenderJSStyle.zpt
+++ b/bt5/erp5_monaco_editor_ui_test/PathTemplateItem/portal_tests/monaco_editor_zuite/testCodeEditorRenderJSStyle.zpt
+<html xmlns:tal="http://xml.zope.org/namespaces/tal"
+      xmlns:metal="http://xml.zope.org/namespaces/metal">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>Python Code Editor Gadget RenderJS Style</title>
+</head>
+<body>
+<table cellpadding="1" cellspacing="1" border="1">
+<thead>
+<tr><td rowspan="1" colspan="3">Python Code Editor Gadget RenderJS Style</td></tr>
+</thead><tbody>
+<tal:block metal:use-macro="here/Zuite_CommonTemplate/macros/init" />
+<tr><td>open</td>
+    <td>${base_url}/foo_module/ListBoxZuite_reset</td><td></td></tr>
+<tr><td>assertTextPresent</td>
+    <td>Reset Successfully.</td><td></td></tr>
+
+<tr><td colspan="3"><b>Set preferred text editor</b></td></tr>
+
+<tr><td>open</td>
+    <td>${base_url}/portal_preferences/erp5_ui_test_preference/Preference_viewHtmlStyle</td><td></td></tr>
+<tr><td>click</td>
+    <td>//input[@name="field_my_preferred_text_editor" and @value="monaco"]</td><td></td></tr>
+<tr><td>clickAndWait</td>
+    <td>//button[@name='Base_edit:method']</td><td></td></tr>
+
+<tr><td colspan="3"><b>Switch to renderjs UI and edit components</b></td></tr>
+<tr><td>open</td>
+    <td>${base_url}/web_site_module/renderjs_runner/#/portal_components?editable=true</td><td></td></tr>
+<tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/wait_for_app_loaded" />
+
+<tal:block tal:repeat="portal_type python: ('Document Component', 'Extension Component', 'Interface Component', 'Mixin Component', 'Module Component', 'Test Component', 'Tool Component')">
+<tr><td colspan="3"><b>Testing <tal:block tal:replace="portal_type"/></b></td></tr>
+
+<tr><td>waitForElementPresent</td>
+    <td>//a[@data-i18n='Add']</td><td></td></tr>
+<tr><td>click</td>
+    <td>link=Add</td><td></td></tr>
+<tr><td>waitForElementPresent</td>
+    <td>//select[@name='field_your_select_action']</td><td></td></tr>
+<tr><td>select</td>
+    <td>//select[@name='field_your_select_action']</td>
+    <td>label=<tal:block tal:replace="portal_type"/></td></tr>
+
+<tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/submit_dialog" />
+<tal:block tal:define="notification_configuration python: {'class': 'success',
+                                                           'text': 'Object created.'}">
+  <tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/wait_for_notification" />
+</tal:block>
+
+<tr><td colspan="3"><b>Wait for editor to be loaded and edit</b></td></tr>
+
+<tr><td>waitForElementPresent</td>
+    <td>//div[@data-gadget-scope="editor"]//iframe</td><td></td></tr>
+
+<tr><td>selectFrame</td>
+    <td>//div[@data-gadget-scope="editor"]//iframe</td><td></td></tr>
+<tr><td>waitForElementPresent</td>
+    <td>css=div.monaco-editor.vs</td><td></td></tr>
+<tr><td>storeEval</td>
+    <td>selenium.browserbot.getCurrentWindow().document.querySelector('div.monaco-editor.vs').getAttribute('data-uri')</td>
+    <td>model-data-uri</td></tr>
+<tr><td>assertEval</td>
+    <td>selenium.browserbot.getCurrentWindow().monaco.editor.getModel(storedVars['model-data-uri']).setValue("'ok'")</td>
+    <td>null</td></tr>
+<tr><td>selectFrame</td>
+    <td>relative=top</td><td></td></tr>
+
+<tr><td>click</td>
+    <td>//button[@data-i18n="Save"]</td><td></td></tr>
+<tal:block tal:define="notification_configuration python: {'class': 'success',
+                                                           'text': 'Data updated.'}">
+  <tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/wait_for_notification" />
+</tal:block>
+
+<tr><td>selectFrame</td>
+    <td>//div[@data-gadget-scope="editor"]//iframe</td><td></td></tr>
+<tr><td>waitForElementPresent</td>
+    <td>css=div.monaco-editor.vs</td><td></td></tr>
+<tr><td>storeEval</td>
+    <td>selenium.browserbot.getCurrentWindow().document.querySelector('div.monaco-editor.vs').getAttribute('data-uri')</td>
+    <td>model-data-uri</td></tr>
+<tr><td>assertEval</td>
+    <td>selenium.browserbot.getCurrentWindow().monaco.editor.getModel(storedVars['model-data-uri']).setValue("Syntax:Error")</td>
+    <td>null</td></tr>
+<tr><td>selectFrame</td>
+    <td>relative=top</td><td></td></tr>
+
+<tr><td>click</td>
+    <td>//button[@data-i18n="Save"]</td><td></td></tr>
+<tal:block tal:define="notification_configuration python: {'class': 'error',
+                                                           'text': 'Errors found in source code.'}">
+  <tal:block metal:use-macro="here/Zuite_CommonTemplateForRenderjsUi/macros/wait_for_notification" />
+</tal:block>
+
+<tr><td colspan="3"><b>Check that our edition is reflected.</b></td></tr>
+
+<tr><td>waitForElementPresent</td>
+    <td>//div[@data-gadget-scope="editor"]//iframe</td><td></td></tr>
+<tr><td>selectFrame</td>
+    <td>//div[@data-gadget-scope="editor"]//iframe</td><td></td></tr>
+<tr><td>waitForText</td>
+    <td>//body</td>
+    <!-- the "1" is because we have line number -->
+    <td>glob:1*Syntax:Error</td></tr>
+<tr><td>selectFrame</td>
+    <td>relative=top</td><td></td></tr>
+
+<tr><td colspan="3"><b>Use breadcrumbs to go back to portal components</b></td></tr>
+<tr><td>waitForElementPresent</td>
+    <td>//a[@data-i18n="Views"]</td><td></td></tr>
+<tr><td>click</td>
+    <td>//a[@data-i18n="Views"]</td><td></td></tr>
+<tr><td>waitForElementPresent</td>
+    <td>//a[.="portal_components"]</td><td></td></tr>
+<tr><td>click</td>
+    <td>//a[.="portal_components"]</td><td></td></tr>
+</tal:block>
+</tbody></table>
+</body>
+</html>
\ No newline at end of file