#12342: JSTestDriver removal

- Added translate-inline.test.js and removed JsTestDriver equivalent.

Author: omiroshnichenko

dev/tests/js/JsTestDriver/testsuite/mage/translate_inline/translate-inline-test.js

@@ -0,0 +1,4 @@
+<script id="translate-form-template" type="text/x-magento-template">
+    <form id="<%= data.id %>"><%= data.newTemplateVariable %></form>
+</script>
+<div data-role="translate-dialog"></div>

dev/tests/js/jasmine/assets/lib/web/mage/translate-inline.html

@@ -0,0 +1,109 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+/* eslint-disable max-nested-callbacks */
+define([
+    'jquery',
+    'mage/translate-inline',
+    'text!tests/assets/lib/web/mage/translate-inline.html'
+], function ($, TranslateInline, translateTmpl) {
+    'use strict';
+
+    describe('mage/translate-inline', function () {
+        describe('Check translate', function () {
+            var translateSelector = '[data-role="translate-dialog"]',
+                translateTemplateSelector = '#translate-form-template';
+
+            beforeEach(function () {
+                var translateBlock = $(translateTmpl);
+
+                $('body').append(translateBlock);
+            });
+
+            afterEach(function () {
+                $(translateSelector).remove();
+                $(translateSelector).translateInline('destroy');
+                $(translateTemplateSelector).remove();
+            });
+
+            it('Check that translate inited', function () {
+                var translateInline = $(translateSelector).translateInline();
+
+                expect(translateInline.is(':mage-translateInline')).toBe(true);
+            });
+
+            it('Check that translate hidden on init and visible on trigger', function () {
+                var translateInline = $(translateSelector).translateInline({
+                        id: 'dialog-id'
+                    }),
+                    isDialogHiddenOnInit = translateInline.is(':hidden'),
+                    dialogVisibleAfterTriggerEdit;
+
+                translateInline.trigger('edit.editTrigger');
+                dialogVisibleAfterTriggerEdit = translateInline.is(':visible');
+                expect(isDialogHiddenOnInit).toBe(true);
+                expect(dialogVisibleAfterTriggerEdit).toBe(true);
+            });
+
+            it('Check translation form template', function () {
+                var translateFormId = 'translate-form-id',
+                    translateFormContent = 'New Template Variable',
+                    translateInline = $(translateSelector).translateInline({
+                        translateForm: {
+                            data: {
+                                id: translateFormId,
+                                newTemplateVariable: translateFormContent
+                            }
+                        }
+                    }),
+                    $translateForm;
+
+                translateInline.trigger('edit.editTrigger');
+                $translateForm = $('#' + translateFormId);
+
+                expect($translateForm.length).toBeGreaterThan(0);
+                expect($translateForm.text()).toBe(translateFormContent);
+            });
+
+            it('Check translation submit', function () {
+                var options = {
+                        ajaxUrl: 'www.test.com',
+                        area: 'test',
+                        translateForm: {
+                            template: '<form id="<%= data.id %>"><input name="test" value="test" /></form>',
+                            data: {
+                                id: 'translate-form-id'
+                            }
+                        }
+                    },
+                    expectedEequestData = 'area=test&test=test',
+                    translateInline = $(translateSelector).translateInline(options),
+                    $submitButton = $('body').find('.action-primary');
+
+                $.ajax = jasmine.createSpy().and.callFake(function (request) {
+                    expect(request.url).toBe(options.ajaxUrl);
+                    expect(request.type).toBe('POST');
+                    expect(request.data).toBe(expectedEequestData);
+
+                    return {
+                        complete: jasmine.createSpy()
+                    };
+                });
+
+                translateInline.trigger('edit.editTrigger');
+                $submitButton.trigger('click');
+            });
+
+            it('Check translation destroy', function () {
+                var translateInline = $(translateSelector).translateInline();
+
+                translateInline.trigger('edit.editTrigger');
+                expect(translateInline.is(':mage-translateInline')).toBe(true);
+                translateInline.translateInline('destroy');
+                expect(translateInline.is(':mage-translateInline')).toBe(false);
+            });
+        });
+    });
+});