smalruby-editor 0.0.12 → 0.1.0

data/spec/acceptance/standalone/save.feature

@@ -4,11 +4,11 @@
 @standalone
 機能: Save - プログラムのセーブ(standaloneモード)
   シナリオ: セーブボタンを押してローカルマシンにプログラムを保存できる
-    前提 "エディタ" 画面を表示する
+    前提 "Ruby" タブを表示する
     かつ テキストエディタに "puts 'Hello, World!'" を入力済みである
     かつ プログラムの名前に "01.rb" を指定する
 
-    もし "セーブボタン" をクリックする
+    もし サブメニューの "セーブボタン" をクリックする
     かつ JavaScriptによるリクエストが終わるまで待つ
 
     ならば ホームディレクトリに "01.rb" が存在すること
@@ -16,12 +16,12 @@
     かつ "メッセージ" に "セーブしました" を含むこと
 
   シナリオ: ローカルマシンに同じ名前のプログラムがある状態でセーブボタンを押して上書き保存する
-    前提 "エディタ" 画面を表示する
+    前提 "Ruby" タブを表示する
     かつ ホームディレクトリに "puts 'Hello, World!'" という内容の "01.rb" が存在する
     かつ テキストエディタに "n = 0" を入力済みである
     かつ プログラムの名前に "01.rb" を指定する
 
-    もし "セーブボタン" をクリックする
+    もし サブメニューの "セーブボタン" をクリックする
     かつ JavaScriptによるリクエストが終わるまで待つ
     かつ JavaScriptによるリクエストが終わるまで待つ
 
@@ -30,13 +30,13 @@
     かつ ホームディレクトリの "01.rb" の内容が "n = 0" であること
 
   シナリオ: ローカルマシンに同じ名前のプログラムがある状態でセーブボタンを押すが、キャンセルして上書き保存をしない
-    前提 "エディタ" 画面を表示する
+    前提 "Ruby" タブを表示する
     かつ ホームディレクトリに "puts 'Hello, World!'" という内容の "01.rb" が存在する
     かつ テキストエディタに "n = 0" を入力済みである
     かつ プログラムの名前に "01.rb" を指定する
     かつ 確認ダイアログをキャンセルするようにしておく
 
-    もし "セーブボタン" をクリックする
+    もし サブメニューの "セーブボタン" をクリックする
     かつ JavaScriptによるリクエストが終わるまで待つ
     かつ JavaScriptによるリクエストが終わるまで待つ
 

data/spec/helpers/editor_helper_spec.rb

@@ -1,14 +1,114 @@
+# -*- coding: utf-8 -*-
 require 'spec_helper'
 
-# Specs in this file have access to a helper object that includes
-# the EditorHelper. For example:
-#
-# describe EditorHelper do
-#   describe "string concat" do
-#     it "concats two strings with spaces" do
-#       expect(helper.concat_strings("this","that")).to eq("this that")
-#     end
-#   end
-# end
 describe EditorHelper do
+  INCLUDED_HTML_STRING = '"><script>alert("hello")</script><"'
+
+  shared_context 'name include html', name_include_html: true do
+    let(:name) { INCLUDED_HTML_STRING }
+  end
+
+  describe '#toolbox_character_field' do
+    subject { toolbox_character_field(name) }
+
+    let(:name) { 'VAR' }
+
+    it { should be_html_safe }
+    it { should include(%(<field name="#{h name}">char1</field>)) }
+
+    context '名前にタグを含む場合', name_include_html: true do
+      it { should include(%(<field name="#{h name}">char1</field>)) }
+    end
+  end
+
+  describe '#toolbox_key_field' do
+    subject { toolbox_key_field(name, value) }
+
+    let(:name) { 'KEY' }
+    let(:value) { 'K_A' }
+
+    it { should be_html_safe }
+    it { should include(%(<field name="#{h name}">#{h value}</field>)) }
+
+    context '名前にタグを含む場合', name_include_html: true do
+      it { should include(%(<field name="#{h name}">#{h value}</field>)) }
+    end
+
+    context '値を省略した場合' do
+      subject { toolbox_key_field(name) }
+
+      it { should include(%(<field name="#{h name}">K_SPACE</field>)) }
+    end
+
+    context '名前と値を省略した場合' do
+      subject { toolbox_key_field }
+
+      it { should include('<field name="KEY">K_SPACE</field>') }
+    end
+  end
+
+  describe '#toolbox_number_value' do
+    subject { toolbox_number_value(name, value) }
+
+    let(:name) { 'ANGLE' }
+    let(:value) { 90 }
+
+    it { should be_html_safe }
+    it { should include(%(<value name="#{h name}">)) }
+    it { should include(%(<field name="NUM">#{h value.to_i}</field>)) }
+
+    context '入力値の名前にタグを含む場合', name_include_html: true do
+      it { should include(%(<value name="#{h name}">)) }
+    end
+
+    shared_examples 'NUM is 0' do
+      it { should include('<field name="NUM">0</field>') }
+    end
+
+    context '数値に文字列を指定した場合' do
+      let(:value) { 'invalid' }
+
+      include_examples 'NUM is 0'
+    end
+
+    context '数値を指定しない場合' do
+      subject { toolbox_number_value(name) }
+
+      include_examples 'NUM is 0'
+    end
+  end
+
+  describe '#toolbox_text_value' do
+    subject { toolbox_text_value(name, value) }
+
+    let(:name) { 'TEXT' }
+    let(:value) { 'こんにちは！' }
+
+    it { should be_html_safe }
+    it { should include(%(<value name="#{h name}">)) }
+    it { should include(%(<field name="TEXT">#{h value}</field>)) }
+
+    context '入力値の名前にタグを含む場合', name_include_html: true do
+      it { should include(%(<value name="#{h name}">)) }
+    end
+
+    context '文字列にタグを含む場合' do
+      let(:value) { INCLUDED_HTML_STRING }
+
+      it { should include(%(<field name="TEXT">#{h value}</field>)) }
+    end
+
+    context '入力値の名前と文字列を指定しない場合' do
+      subject { toolbox_text_value }
+
+      it { should include('<value name="TEXT">') }
+      it { should include('<field name="TEXT"></field>') }
+    end
+
+    context '文字列を指定しない場合' do
+      subject { toolbox_text_value(name) }
+
+      it { should include('<field name="TEXT"></field>') }
+    end
+  end
 end

data/spec/javascripts/collections/character_set_spec.coffee

@@ -0,0 +1,41 @@
+describe 'Smalruby.CharacterSet', ->
+  klass = Smalruby.CharacterSet
+  self = null
+
+  beforeEach ->
+    self = new klass()
+
+  describe '#uniqueName', ->
+    describe 'costumeを省略した場合', ->
+      it 'プリセットコスチュームの最初の要素名からユニークな名前を求めること', ->
+        expect(self.uniqueName()).to.equal('car1')
+
+    describe 'キャラクターが1つもない場合', ->
+      it 'car1を返すこと', ->
+        expect(self.uniqueName('car1.png')).to.equal('car1')
+
+      it '2回以降の呼び出しでもcar1を返すこと', ->
+        num = 5
+        while num -= 1
+          expect(self.uniqueName('car1.png')).to.equal('car1')
+
+    describe 'キャラクターが複数ある場合', ->
+      beforeEach ->
+        self.add(new Smalruby.Character({ name: 'car1' }))
+        self.add(new Smalruby.Character({ name: 'car3' }))
+        self.add(new Smalruby.Character({ name: 'ball4' }))
+        self.add(new Smalruby.Character({ name: 'cat1' }))
+
+      it '添え字が最大となるものを返す', ->
+        expect(self.uniqueName('car1.png')).to.equal('car4')
+        expect(self.uniqueName('car4.png')).to.equal('car4')
+        expect(self.uniqueName('car5.png')).to.equal('car4')
+        expect(self.uniqueName('ball1.png')).to.equal('ball5')
+        expect(self.uniqueName('ball5.png')).to.equal('ball5')
+        expect(self.uniqueName('ball6.png')).to.equal('ball5')
+        expect(self.uniqueName('cat1.png')).to.equal('cat2')
+        expect(self.uniqueName('cat3.png')).to.equal('cat2')
+
+        expect(self.uniqueName('http://example.com/cat3.png')).to.equal('cat2')
+        expect(self.uniqueName('http://example.com/cat3')).to.equal('cat2')
+        expect(self.uniqueName('cat3')).to.equal('cat2')

data/spec/javascripts/models/character_spec.coffee

@@ -0,0 +1,146 @@
+describe 'Smalruby.Character', ->
+  klass = Smalruby.Character
+  self = null
+
+  beforeEach ->
+    self = new klass
+      name: 'car1'
+      costumes: [
+        'car1.png'
+        'car2.png'
+      ]
+
+  describe 'プロパティのデフォルト値', ->
+    beforeEach ->
+      self = new klass()
+
+    it 'name: null', ->
+      expect(self.get('name')).to.be(null)
+
+    it 'costumes: PRESET_COSTUMESの1番目の要素のみの配列', ->
+      expect(_.isEqual(self.get('costumes'), [klass.PRESET_COSTUMES[0]])).to.be(true)
+
+    it 'costumeIndex: 0', ->
+      expect(self.get('costumeIndex')).to.equal(0)
+
+    it 'x: 0', ->
+      expect(self.get('x')).to.equal(0)
+
+    it 'y: 0', ->
+      expect(self.get('y')).to.equal(0)
+
+    it 'angle: 0', ->
+      expect(self.get('angle')).to.equal(0)
+
+    it 'visible: true', ->
+      expect(self.get('visible')).to.be(true)
+
+    it 'using: false', ->
+      expect(self.get('using')).to.be(false)
+
+  describe '#initialize', ->
+    describe 'costumesを指定した場合', ->
+      it 'costumesが指定したものになる', ->
+        expect(_.isEqual(self.get('costumes'), ['car1.png', 'car2.png'])).to.be(true)
+
+  describe '#namePrefix', ->
+    it 'car', ->
+      expect(self.namePrefix()).to.equal('car')
+
+  describe '#costume', ->
+    it 'car1.pngであること', ->
+      expect(self.costume()).to.equal('car1.png')
+
+  describe '#costumeUrl', ->
+    describe 'プリセットの場合', ->
+      it 'プレフィックスが/smalruby/assets/であること', ->
+        expect(self.costumeUrl()).to.equal('/smalruby/assets/car1.png')
+
+    describe 'プリセットではない場合', ->
+      beforeEach ->
+        self = new klass
+          costumes: [
+            'http://example.com/car1.png'
+            'http://example.com/car2.png'
+          ]
+
+      it 'costumeの値であること', ->
+        expect(self.costumeUrl()).to.equal(self.costume())
+
+  describe '#nextCostume', ->
+    it 'costumeIndexをインクリメントすること', ->
+      expect(self.get('costumeIndex')).to.equal(0)
+      self.nextCostume()
+      expect(self.get('costumeIndex')).to.equal(1)
+
+    it 'コスチュームの最大値までいったら0に戻ること', ->
+      self.set({ costumeIndex: 1 })
+      self.nextCostume()
+      expect(self.get('costumeIndex')).to.equal(0)
+
+    it '次のコスチューム番号を返すこと', ->
+      expect(self.nextCostume()).to.equal(1)
+
+  describe '#link', ->
+    linkObject = null
+
+    beforeEach ->
+      linkObject =
+        name: 'any object'
+
+    it '任意のオブジェクトと結びつきusingプロパティをtrueにできること', ->
+      self.link(linkObject)
+      expect(self.get('using')).to.be.ok
+
+    it '自分自身を返すこと', ->
+      expect(self.link(linkObject)).to.be(self)
+
+  describe '#unlink', ->
+    linkedObjects = null
+
+    beforeEach ->
+      linkedObjects = [
+        { name: 'any object 1' }
+        { name: 'any object 2' }
+        { name: 'any object 3' }
+      ]
+      self.link(o) for o in linkedObjects
+
+    it '任意のオブジェクトとの結びつきを解除してusingプロパティをfalseにできること', ->
+      self.unlink(o) for o in linkedObjects
+      expect(self.get('using')).to.not.be.ok
+
+    it 'すべてのオブジェクトとの結びつきを解除するまではusingプロパティがtrueのままであること', ->
+      self.unlink(linkedObjects[0])
+      expect(self.get('using')).to.be.ok
+      self.unlink(linkedObjects[1])
+      expect(self.get('using')).to.be.ok
+      self.unlink(linkedObjects[2])
+      expect(self.get('using')).to.not.be.ok
+
+    it '解除済みのオブジェクトを指定しても例外が発生しないこと', ->
+      self.unlink(linkedObjects[0])
+      expect(-> self.unlink(linkedObjects[0])).to.not.throwException()
+
+    it '自分自身を返すこと', ->
+      expect(self.unlink(linkedObjects[0]))
+
+  describe '.PRESET_COSTUMES', ->
+    it '文字列の配列であること', ->
+      expect(klass.PRESET_COSTUMES).to.be.a('array')
+      expect(klass.PRESET_COSTUMES[0]).to.be.a('string')
+
+  describe '.costumeToNamePrefix', ->
+    args = [
+      'car1.png'
+      'car1'
+      'car'
+      'http://example.com/car1.png'
+      'http://example.com/car1'
+      'http://example.com/car'
+    ]
+    for arg in args
+      do (arg) ->
+        describe arg, ->
+          it 'car', ->
+            expect(klass.costumeToNamePrefix(arg)).to.equal('car')

data/spec/javascripts/models/scene_spec.coffee

@@ -0,0 +1,15 @@
+describe 'Smalruby.Scene', ->
+  self = null
+
+  beforeEach ->
+    self = new Smalruby.Scene
+
+  describe 'プロパティのデフォルト値', ->
+    it 'width: 640', ->
+      expect(self.get('width')).to.equal(640)
+
+    it 'height: 480', ->
+      expect(self.get('height')).to.equal(480)
+
+    it "color: 'black'", ->
+      expect(self.get('color')).to.equal('black')

data/spec/javascripts/spec_helper.js

@@ -0,0 +1,29 @@
+// Teaspoon includes some support files, but you can use anything from your own support path too.
+//= require support/sinon
+//= require support/expect
+//= require support/jasmine-jquery
+//
+// PhantomJS (Teaspoons default driver) doesn't have support for Function.prototype.bind, which has caused confusion. Use
+// this polyfill to avoid the confusion.
+//= require support/bind-poly
+//
+// Deferring execution
+// If you're using CommonJS, RequireJS or some other asynchronous library you can defer execution. Call Teaspoon.execute()
+// after everything has been loaded. Simple example of a timeout:
+//
+// Teaspoon.defer = true
+// setTimeout(Teaspoon.execute, 1000)
+//
+// Matching files
+// By default Teaspoon will look for files that match _spec.{js,js.coffee,.coffee}. Add a filename_spec.js file in your
+// spec path and it'll be included in the default suite automatically. If you want to customize suites, check out the
+// configuration in config/initializers/teaspoon.rb
+//
+// Manifest
+// If you'd rather require your spec files manually (to control order for instance) you can disable the suite matcher in
+// the configuration and use this file as a manifest.
+//
+// For more information: http://github.com/modeset/teaspoon
+//
+// You can require javascript files here. A good place to start is by requiring your application.js.
+//= require application

data/spec/spec_helper.rb

@@ -100,20 +100,15 @@ Spork.prefork do
     end
 
     config.include JsonSpec::Helpers
+    config.include ERB::Util, type: :helper
+    config.include ERB::Util, type: :feature
+    config.include ActionView::Helpers::JavaScriptHelper, type: :feature
 
     config.after(javascript: true) do
       page.execute_script('window.onbeforeunload = null')
       FileUtils.rm_rf(downloads_dir) if selenium?
     end
 
-    config.before(:all, javascript: true, standalone: true) do
-      expire_assets_cache
-    end
-
-    config.after(:all, javascript: true, standalone: true) do
-      expire_assets_cache
-    end
-
     config.before(javascript: true, standalone: true) do
       page.driver.restart
 

data/spec/steps/block_mode_steps.rb

@@ -0,0 +1,37 @@
+# encoding: utf-8
+
+step '次のブロックを配置する:' do |haml|
+  haml = %(%xml{:xmlns => "http://www.w3.org/1999/xhtml"}\n) +
+    haml.lines.map { |s| "  #{s}" }.join
+  engine = Haml::Engine.new(haml)
+  xml = engine.render
+  page.execute_script(<<-JS)
+    do {
+      var dom = Blockly.Xml.textToDom('#{escape_javascript(xml)}');
+      Blockly.Xml.domToWorkspace(Blockly.mainWorkspace, dom);
+    } while (false);
+  JS
+end
+
+step 'すべてのブロックをクリアする' do
+  page.execute_script('Blockly.mainWorkspace.clear()')
+end
+
+step 'ブロックからソースコードを生成する' do
+  step '"Rubyタブ" にタブを切り替える'
+end
+
+step '次のキャラクターを追加する:' do |table|
+  table.hashes.each do |h|
+    costumes = h['costumes'].split(',').map { |s| "'#{s}'" }.join(', ')
+    page.execute_script(<<-JS)
+      Smalruby.Collections.CharacterSet.add(new Smalruby.Character({
+        name: '#{h['name']}',
+        costumes: [#{costumes}],
+        x: #{h['x']},
+        y: #{h['y']},
+        angle: #{h['angle']}
+      }))
+    JS
+  end
+end