Merge pull request #324 from smalruby/309-block-to-ruby-when-flag-clicked

test: add test for event blocks to generate ruby

Author: takaokouji

package-lock.json

@@ -120,6 +120,7 @@
     "babel-eslint": "10.0.3",
     "babel-loader": "8.2.2",
     "chromedriver": "107.0.3",
+    "dedent": "^0.7.0",
     "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.3.0",
     "eslint": "5.16.0",

package.json

@@ -0,0 +1,13 @@
+const setRubyCode = function (driver, code) {
+    code = code.replace(/\n/g, '\\n');
+    return driver.executeScript(`ace.edit('ruby-editor').setValue('${code}');`);
+};
+
+const getRubyCode = function (driver) {
+    return driver.executeScript(`return ace.edit('ruby-editor').getValue();`);
+};
+
+export {
+    setRubyCode,
+    getRubyCode
+};

test/helpers/ruby-helper.js

@@ -1,5 +1,9 @@
 import path from 'path';
 import SeleniumHelper from '../helpers/selenium-helper';
+import {
+    setRubyCode,
+    getRubyCode
+} from '../helpers/ruby-helper';
 
 const {
     /* eslint-disable no-unused-vars */
@@ -30,20 +34,11 @@ describe('convert Code from Ruby', () => {
         await driver.quit();
     });
 
-    const setRubyCode = function (code) {
-        code = code.replace(/\n/g, '\\n');
-        return driver.executeScript(`ace.edit('ruby-editor').setValue('${code}');`);
-    };
-
-    const getRubyCode = function () {
-        return driver.executeScript(`return ace.edit('ruby-editor').getValue();`);
-    };
-
     test('Code from Ruby -> Ruby from Code', async () => {
         await loadUri(uri);
 
         await clickText('Ruby', '*[@role="tab"]');
-        await setRubyCode('move(\\n10\\n)\\n');
+        await setRubyCode(driver, 'move(\\n10\\n)\\n');
 
         await clickText('Code', '*[@role="tab"]');
 
@@ -55,17 +50,17 @@ describe('convert Code from Ruby', () => {
 
         await clickText('Ruby', '*[@role="tab"]');
 
-        expect(await getRubyCode()).toEqual('move(10)\n');
+        expect(await getRubyCode(driver)).toEqual('move(10)\n');
     });
 
     describe('syntax error', () => {
         beforeEach(async () => {
             await loadUri(uri);
             await clickText('Ruby', '*[@role="tab"]');
-            await setRubyCode('move(10)');
+            await setRubyCode(driver, 'move(10)');
             await clickText('Code', '*[@role="tab"]');
             await clickText('Ruby', '*[@role="tab"]');
-            await setRubyCode('move(10');
+            await setRubyCode(driver, 'move(10');
         });
 
         test('clicked Code', async () => {
@@ -148,7 +143,7 @@ describe('convert Code from Ruby', () => {
             );
             await clickText('Generate Ruby from Code');
 
-            expect(await getRubyCode()).toEqual('move(10)\n');
+            expect(await getRubyCode(driver)).toEqual('move(10)\n');
 
             await clickText('Code', '*[@role="tab"]');
             await findByXpath('//li[contains(@id, "react-tabs-") and @aria-selected="true"]/span[text()="Code"]');

test/integration/ruby-tab.test.js

@@ -0,0 +1,78 @@
+import path from 'path';
+import dedent from 'dedent';
+import SeleniumHelper from '../../helpers/selenium-helper';
+import {
+    setRubyCode,
+    getRubyCode
+} from '../../helpers/ruby-helper';
+
+const {
+    clickText,
+    clickXpath,
+    getDriver,
+    loadUri
+} = new SeleniumHelper();
+
+const uri = path.resolve(__dirname, '../../../build/index.html');
+
+let driver;
+
+describe('Ruby Tab: event', () => {
+    beforeAll(() => {
+        driver = getDriver();
+    });
+
+    afterAll(async () => {
+        await driver.quit();
+    });
+
+    test('Ruby -> Code -> Ruby', async () => {
+        await loadUri(uri);
+
+        await clickText('Ruby', '*[@role="tab"]');
+        const code = dedent`
+            self.when(:flag_clicked) do
+            end
+
+            self.when(:key_pressed, "space") do
+            end
+
+            self.when(:clicked) do
+            end
+
+            self.when(:key_pressed, "any") do
+            end
+
+            self.when(:key_pressed, "a") do
+            end
+
+            self.when(:backdrop_switches, "backdrop1") do
+            end
+
+            self.when(:greater_than, "loudness", 10) do
+            end
+
+            self.when(:greater_than, "timer", 10) do
+            end
+
+            self.when(:receive, "message1") do
+            end
+
+            broadcast("message1")
+            broadcast_and_wait("message1")
+        `;
+        await setRubyCode(driver, code);
+
+        await clickText('Code', '*[@role="tab"]');
+
+        await clickXpath(
+            '//div[contains(@class, "menu-bar_menu-bar-item") and contains(@class, "menu-bar_hoverable")]' +
+                '/*/span[text()="Edit"]'
+        );
+        await clickText('Generate Ruby from Code');
+
+        await clickText('Ruby', '*[@role="tab"]');
+
+        expect(await getRubyCode(driver)).toEqual(`${code}\n`);
+    });
+});