test: add motion interconvert test

Author: takaokouji

test/helpers/ruby-helper.js

@@ -1,13 +1,42 @@
-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
-};
+import bindAll from 'lodash.bindall';
+
+class RubyHelper {
+    constructor (seleniumHelper) {
+        bindAll(this, [
+            'fillInRubyProgram',
+            'expectInterconvertBetweenCodeAndRuby',
+        ]);
+
+        this.seleniumHelper = seleniumHelper;
+        this.clickText = seleniumHelper.clickText;
+        this.clickXpath = seleniumHelper.clickXpath;
+    }
+
+    get currentRubyProgram () {
+        return this.driver.executeScript(`return ace.edit('ruby-editor').getValue();`);
+    }
+
+    get driver () {
+        return this.seleniumHelper.driver;
+    }
+
+    fillInRubyProgram (code) {
+        code = code.replace(/\n/g, '\\n').replace(/'/g, "\\'");
+        return this.driver.executeScript(`ace.edit('ruby-editor').setValue('${code}');`);
+    };
+
+    async expectInterconvertBetweenCodeAndRuby (code) {
+        await this.clickText('Ruby', '*[@role="tab"]');
+        await this.fillInRubyProgram(code);
+        await this.clickText('Code', '*[@role="tab"]');
+        await this.clickXpath(
+            '//div[contains(@class, "menu-bar_menu-bar-item") and contains(@class, "menu-bar_hoverable")]' +
+                '/*/span[text()="Edit"]'
+        );
+        await this.clickText('Generate Ruby from Code');
+        await this.clickText('Ruby', '*[@role="tab"]');
+        expect(await this.currentRubyProgram).toEqual(`${code}\n`);
+    }
+}
+
+export default RubyHelper;

test/helpers/selenium-helper.js

@@ -3,6 +3,7 @@ jest.setTimeout(30000); // eslint-disable-line no-undef
 import bindAll from 'lodash.bindall';
 import 'chromedriver'; // register path
 import webdriver from 'selenium-webdriver';
+import pathModule from 'path';
 const fs = require('fs');
 
 const {By, until, Button} = webdriver;
@@ -53,7 +54,8 @@ class SeleniumHelper {
             soundsTab: "*[@id='react-tabs-5']",
             spriteTile: '*[starts-with(@class,"react-contextmenu-wrapper")]',
             monitors: '*[starts-with(@class,"stage_monitor-wrapper")]',
-            contextMenu: '*[starts-with(@class,"react-contextmenu")]'
+            contextMenu: '*[starts-with(@class,"react-contextmenu")]',
+            spriteItems: '*[starts-with(@class,"sprite-selector_items-wrapper")]'
         };
     }
 
@@ -219,6 +221,15 @@ class SeleniumHelper {
             fs.writeFileSync(path, image, 'base64');
         });
     }
+
+    urlFor (path) {
+        switch (path) {
+        case '/':
+            return pathModule.resolve(__dirname, '../../build/index.html');
+        default:
+            throw new Error(`Invalid path: ${path}`);
+        }
+    }
 }
 
 export default SeleniumHelper;

test/integration/ruby-tab/event.test.js

@@ -1,23 +1,22 @@
-import path from 'path';
 import dedent from 'dedent';
 import SeleniumHelper from '../../helpers/selenium-helper';
-import {
-    setRubyCode,
-    getRubyCode
-} from '../../helpers/ruby-helper';
+import RubyHelper from '../../helpers/ruby-helper';
 
+const seleniumHelper = new SeleniumHelper();
 const {
-    clickText,
-    clickXpath,
     getDriver,
-    loadUri
-} = new SeleniumHelper();
+    loadUri,
+    urlFor
+} = seleniumHelper;
 
-const uri = path.resolve(__dirname, '../../../build/index.html');
+const rubyHelper = new RubyHelper(seleniumHelper);
+const {
+    expectInterconvertBetweenCodeAndRuby
+} = rubyHelper;
 
 let driver;
 
-describe('Ruby Tab: event', () => {
+describe('Ruby Tab: event category blocks', () => {
     beforeAll(() => {
         driver = getDriver();
     });
@@ -27,9 +26,8 @@ describe('Ruby Tab: event', () => {
     });
 
     test('Ruby -> Code -> Ruby', async () => {
-        await loadUri(uri);
+        await loadUri(urlFor('/'));
 
-        await clickText('Ruby', '*[@role="tab"]');
         const code = dedent`
             self.when(:flag_clicked) do
             end
@@ -61,18 +59,6 @@ describe('Ruby Tab: event', () => {
             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`);
+        await expectInterconvertBetweenCodeAndRuby(code);
     });
 });

test/integration/ruby-tab/motion.test.js

@@ -0,0 +1,69 @@
+import dedent from 'dedent';
+import SeleniumHelper from '../../helpers/selenium-helper';
+import RubyHelper from '../../helpers/ruby-helper';
+
+const seleniumHelper = new SeleniumHelper();
+const {
+    clickText,
+    clickXpath,
+    scope,
+    getDriver,
+    loadUri,
+    urlFor
+} = seleniumHelper;
+
+const rubyHelper = new RubyHelper(seleniumHelper);
+const {
+    expectInterconvertBetweenCodeAndRuby
+} = rubyHelper;
+
+let driver;
+
+describe('Ruby Tab: motion category blocks', () => {
+    beforeAll(() => {
+        driver = getDriver();
+    });
+
+    afterAll(async () => {
+        await driver.quit();
+    });
+
+    test('Ruby -> Code -> Ruby', async () => {
+        await loadUri(urlFor('/'));
+        await clickXpath('//button[@aria-label="Choose a Sprite"]');
+        await clickText('Abby', scope.modal);
+        await clickText('Sprite1', scope.spriteItems);
+
+        const code = dedent`
+            move(10)
+            turn_right(15)
+            turn_left(15)
+            go_to("_random_")
+            go_to("_mouse_")
+            go_to("Abby")
+            go_to([0, 0])
+            glide("_random_", secs: 1)
+            glide("_mouse_", secs: 1)
+            glide("Abby", secs: 1)
+            glide([0, 0], secs: 1)
+            self.direction = 90
+            point_towards("_mouse_")
+            point_towards("Abby")
+            self.x += 10
+            self.x = 0
+            self.y += 10
+            self.y = 0
+            bounce_if_on_edge
+            self.rotation_style = "left-right"
+            self.rotation_style = "don't rotate"
+            self.rotation_style = "all around"
+
+            x
+
+            y
+
+            direction
+        `;
+        await expectInterconvertBetweenCodeAndRuby(code);
+    });
+});