mumuki-laboratory 8.1.3 → 8.5.0

data/spec/features/login_flow_spec.rb

@@ -42,7 +42,7 @@ feature 'Login Flow', organization_workspace: :test do
 
     expect(page).to_not have_text('Sign in')
     expect(page).to have_text('Sign Out')
-    expect(page).to have_text('awesomeRubyGuide')
+    expect(page).to have_text('C1')
   end
 
   scenario 'can logout', :element_not_interactable_error do

data/spec/features/terms_flow_spec.rb

@@ -102,6 +102,7 @@ feature 'Terms Flow', organization_workspace: :test do
           visit '/discussions'
           expect(page).to have_text('Accept terms')
 
+          check :user_terms_of_service
           click_on 'Accept'
           expect(page).to have_text('Discussions')
         end
@@ -111,6 +112,7 @@ feature 'Terms Flow', organization_workspace: :test do
         visit '/'
         expect(page).to have_text('Accept terms')
 
+        check :user_terms_of_service
         click_on 'Accept'
         expect(page).to have_text(test_organization.book.name)
       end

data/spec/features/topic_flow_spec.rb

@@ -15,7 +15,6 @@ feature 'Topic Flow', organization_workspace: :test do
     visit "/topics/#{topic_in_path.transparent_id}"
 
     expect(page).to have_text('Functional Programming')
-    expect(page).to have_text('Lessons')
   end
 
   scenario 'visit topic in path not transparently' do

data/spec/helpers/icons_helper_spec.rb

@@ -2,7 +2,7 @@ require 'spec_helper'
 
 describe IconsHelper, organization_workspace: :test do
   helper IconsHelper
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
 
   describe '#language_icon' do
     let(:haskell) { create(:language, name: 'Haskell') }
@@ -16,7 +16,7 @@ describe IconsHelper, organization_workspace: :test do
     }
     let(:failed_submission) { create(:assignment, status: :failed) }
 
-    it { expect(status_icon(passed_submission)).to eq '<i class="fa fa-check-circle text-success status-icon"></i>' }
-    it { expect(status_icon(failed_submission)).to eq '<i class="fa fa-times-circle text-danger status-icon"></i>' }
+    it { expect(status_icon(passed_submission)).to eq '<i class="fas fa-check-circle text-success status-icon"></i>' }
+    it { expect(status_icon(failed_submission)).to eq '<i class="fas fa-times-circle text-danger status-icon"></i>' }
   end
 end

data/spec/helpers/test_results_rendering_spec.rb

@@ -3,7 +3,7 @@ require 'ostruct'
 
 describe ContextualizationResultHelper do
   helper IconsHelper
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
   helper ContextualizationResultHelper
 
 
@@ -13,13 +13,13 @@ describe ContextualizationResultHelper do
     context 'plain explanation' do
       let(:expectation_result) { {result: :failed, explanation: 'you must delegate'} }
 
-      it { expect(html).to eq '<i class="fa fa-times-circle text-danger status-icon"></i> you must delegate' }
+      it { expect(html).to eq '<i class="fas fa-times-circle text-danger status-icon"></i> you must delegate' }
     end
 
     context 'html explanation' do
       let(:expectation_result) { {result: :failed, explanation: 'you must use <strong>if</strong>'} }
 
-      it { expect(html).to eq '<i class="fa fa-times-circle text-danger status-icon"></i> you must use <strong>if</strong>' }
+      it { expect(html).to eq '<i class="fas fa-times-circle text-danger status-icon"></i> you must use <strong>if</strong>' }
     end
   end
 
@@ -35,7 +35,7 @@ describe ContextualizationResultHelper do
           test_results: [{title: '2 is 2', status: :passed, result: ''}]) }
 
         it { expect(html).to be_html_safe }
-        it { expect(html).to include "<i class=\"fa fa-check-circle text-success status-icon\"></i>" }
+        it { expect(html).to include "<i class=\"fas fa-check-circle text-success status-icon\"></i>" }
         it { expect(html).to include "2 is 2" }
       end
 
@@ -47,7 +47,7 @@ describe ContextualizationResultHelper do
             exercise: problem,
             test_results: [{title: '2 is 2', status: :failed, result: 'something _went_ wrong'}]) }
 
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include "2 is 2" }
           it { expect(html).to include "<pre>something _went_ wrong</pre>" }
         end
@@ -59,7 +59,7 @@ describe ContextualizationResultHelper do
             exercise: problem,
             test_results: [{title: '2 is 2', status: :failed, result: 'something went _really_ wrong'}]) }
 
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include "2 is 2" }
           it { expect(html).to include "<p>something went <em>really</em> wrong</p>" }
         end
@@ -72,7 +72,7 @@ describe ContextualizationResultHelper do
             test_results: [{title: 'foo is 2', status: :failed, result: 'foo is undefined', summary: {type: 'undefined_variable', message: 'you are using things that are _not defined_'}}]) }
 
           it { expect(html).to include 'foo is 2: you are using things that are <em>not defined</em>' }
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include '<p>foo is undefined</p>' }
         end
 
@@ -84,7 +84,7 @@ describe ContextualizationResultHelper do
             test_results: [{title: '', status: :failed, result: 'foo is undefined', summary: {type: 'undefined_variable', message: 'you are using things that are _not defined_'}}]) }
 
           it { expect(html).to include 'you are using things that are <em>not defined</em>' }
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include '<p>foo is undefined</p>' }
         end
       end

data/spec/helpers/with_navigation_spec.rb

@@ -2,7 +2,7 @@ require 'spec_helper'
 
 describe WithStudentPathNavigation, organization_workspace: :test do
   helper WithStudentPathNavigation
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
 
   describe '#next_button' do
     let(:current_user) { create(:user) }
@@ -14,9 +14,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
       let!(:exercise_3) { create(:exercise, id: 13, name: 'exercise 3', guide: guide) }
 
       context 'when user did not submit any solution' do
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\">Next: exercise 3 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_1.friendly_name}\">Next pending: exercise 1 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 3</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_1.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 1</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when on last unresolved exercise' do
@@ -25,9 +25,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           exercise_3.submit_solution!(current_user).passed!
         end
 
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
         it { expect(next_button(exercise_2)).to be nil }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next pending: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when user did submit a solution' do
@@ -35,9 +35,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           exercise_1.submit_solution!(current_user).passed!
         end
 
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\">Next: exercise 3 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next pending: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 3</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
     end
 
@@ -46,8 +46,8 @@ describe WithStudentPathNavigation, organization_workspace: :test do
       let!(:exercise) { create(:exercise, id: 12, name: 'exercise 2', guide: guide) }
 
       context 'when user did not submit any exercise' do
-        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{reading.friendly_name}\">Next pending: exercise 1 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{reading.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 1</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when user finished just reading' do
@@ -55,7 +55,7 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           reading.submit_confirmation!(current_user)
         end
 
-        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
         it { expect(next_button(exercise)).to eq nil }
       end
     end
@@ -83,12 +83,12 @@ describe WithStudentPathNavigation, organization_workspace: :test do
         let(:lessons) { [lesson_1, lesson_2, lesson_3] }
 
         context 'one suggestion' do
-          it { expect(next_button(lesson_2)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_3.friendly_name}\">Next: #{lesson_3.name} <i class=\"fa fa-chevron-right\"></i></a>" }
+          it { expect(next_button(lesson_2)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_3.friendly_name}\"><span class=\"fa5-text-r\">Next: #{lesson_3.name}</span><i class=\"fas fa-chevron-right\"></i></a>" }
           it { expect(next_button(lesson_1)).to be_html_safe }
         end
 
         context 'many suggestions' do
-          it { expect(next_button(lesson_1)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_2.friendly_name}\">Next: #{lesson_2.name} <i class=\"fa fa-chevron-right\"></i></a>" }
+          it { expect(next_button(lesson_1)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_2.friendly_name}\"><span class=\"fa5-text-r\">Next: #{lesson_2.name}</span><i class=\"fas fa-chevron-right\"></i></a>" }
           it { expect(next_button(lesson_1)).to be_html_safe }
         end
       end

data/spec/javascripts/bridge-spec.js

@@ -1,5 +1,5 @@
 describe('bridge', () => {
   it('can create bridge', () => {
     expect(new mumuki.bridge.Laboratory()).not.toBe(null);
-  })
-})
+  });
+});

data/spec/javascripts/csrf-token-spec.js

@@ -1,7 +1,7 @@
 describe('csrf token', () => {
   it('can create token', () => {
     expect(new mumuki.CsrfToken()).not.toBe(null);
-  })
-})
+  });
+});
 
 

data/spec/javascripts/editors-spec.js

@@ -1,11 +1,10 @@
 describe('editors', () => {
-
   beforeEach(() => {
-    mumuki.CustomEditor.clearSources()
-  })
+    mumuki.CustomEditor.clearSources();
+  });
 
   it('has initially no sources', () => {
-    expect(mumuki.CustomEditor.hasSources).toBe(false)
+    expect(mumuki.CustomEditor.hasSources).toBe(false);
   });
 
   it('can add a custom source', () => {
@@ -26,7 +25,7 @@ describe('editors', () => {
       <div class="field form-group editor-code">
         <textarea class="form-control editor" name="solution[content]" id="solution_content">the standard solution</textarea>
       </div>
-    </form>`)
+    </form>`);
 
     mumuki.editors.addCustomSource({
       getContent() {
@@ -43,11 +42,10 @@ describe('editors', () => {
       <div class="field form-group editor-code">
         <textarea class="form-control editor" name="solution[content]" id="solution_content">the solution</textarea>
       </div>
-    </form>`)
+    </form>`);
     expect(mumuki.editors.getSubmission()).toEqual({"solution[content]":"the solution"});
   });
 
-
   it('reads the form if no sources and exercise is multifile', () => {
     $('body').html(`
     <form role="form" class="new_solution">
@@ -63,7 +61,7 @@ describe('editors', () => {
           name="solution[content[receta.css]]"
           id="solution_content[receta.css]">some css</textarea>
       </div>
-    </form>`)
+    </form>`);
     expect(mumuki.editors.getSubmission()).toEqual({
       "solution[content[index.html]]": "some html",
       "solution[content[receta.css]]": "some css"
@@ -74,4 +72,4 @@ describe('editors', () => {
     $('body').html(``);
     expect(mumuki.editors.getSubmission()).toEqual({});
   });
-})
+});

data/spec/javascripts/elipsis-spec.js

@@ -1,7 +1,7 @@
 describe('elipsis', () => {
   it('does nothing when no elipsis', () => {
     expect(mumuki.elipsis('hello')).toEqual('hello');
-  })
+  });
 
   it('replaces student elipsis', () => {
     expect(mumuki.elipsis(`function longitud(unString) {
@@ -10,7 +10,7 @@ describe('elipsis', () => {
       /*@elipsis-for-student>*/
     }`)).toEqual(`function longitud(unString) {
       /* ... */
-    }`)
+    }`);
   });
 
   it('replaces student hidden', () => {
@@ -20,6 +20,6 @@ describe('elipsis', () => {
       /*@hidden-for-student>*/
     }`)).toEqual(`function longitud(unString) {
       /**/
-    }`)
+    }`);
   });
-})
+});

data/spec/javascripts/events-spec.js

@@ -6,18 +6,18 @@ describe('events', () => {
   it('is not called when it is not fired', () => {
     mumuki.events.on('foo', (e) => {
       fail(`should not be called, but got ${JSON.stringify(e)}`);
-    })
-  })
+    });
+  });
 
   it('is not called when it is fired but not enabled', () => {
     let fired = false;
     mumuki.events.on('foo', (e) => {
       fail(`should not be called, but got ${JSON.stringify(e)}`);
       fired = true;
-    })
+    });
     mumuki.events.fire('foo', 42);
     expect(fired).toBe(false);
-  })
+  });
 
   it('is called when it is fired and enabled', () => {
     let fired = false;
@@ -25,9 +25,9 @@ describe('events', () => {
     mumuki.events.on('foo', (event) => {
       expect(event).toEqual(42);
       fired = true;
-    })
+    });
 
     mumuki.events.fire('foo', 42);
     expect(fired).toBe(true);
-  })
-})
+  });
+});

data/spec/javascripts/exercise-spec.js

@@ -1,10 +1,9 @@
 describe('exercise', () => {
-
   it('current exercise information is available when present', () => {
     $('body').html(`
     <input type="hidden" name="mu-exercise-id" id="mu-exercise-id" value="3361" />
     <input type="hidden" name="mu-exercise-layout" id="mu-exercise-layout" value="input_right" />
-    <input type="hidden" name="mu-exercise-settings" id="mu-exercise-settings" value="{}" />`)
+    <input type="hidden" name="mu-exercise-settings" id="mu-exercise-settings" value="{}" />`);
 
     mumuki.exercise.load();
 
@@ -12,13 +11,13 @@ describe('exercise', () => {
     expect(mumuki.exercise.layout).toBe('input_right');
     expect(mumuki.exercise.settings).toEqual({});
     expect(mumuki.exercise.current).not.toBe(null);
-  })
+  });
 
   it('current exercise information is available when present and settings are not empty', () => {
     $('body').html(`
     <input type="hidden" name="mu-exercise-id" id="mu-exercise-id" value="3361" />
     <input type="hidden" name="mu-exercise-layout" id="mu-exercise-layout" value="input_right" />
-    <input type="hidden" name="mu-exercise-settings" id="mu-exercise-settings" value="{&quot;game_framework&quot;:true}" />`)
+    <input type="hidden" name="mu-exercise-settings" id="mu-exercise-settings" value="{&quot;game_framework&quot;:true}" />`);
 
     mumuki.exercise.load();
 
@@ -26,10 +25,10 @@ describe('exercise', () => {
     expect(mumuki.exercise.layout).toBe('input_right');
     expect(mumuki.exercise.settings.game_framework).toBe(true);
     expect(mumuki.exercise.current).not.toBe(null);
-  })
+  });
 
   it('current exercise information is available when not present', () => {
-    $('body').html(``)
+    $('body').html(``);
 
     mumuki.exercise.load();
 
@@ -37,5 +36,5 @@ describe('exercise', () => {
     expect(mumuki.exercise.layout).toBe(null);
     expect(mumuki.exercise.settings).toBe(null);
     expect(mumuki.exercise.current).toBe(null);
-  })
-})
+  });
+});

data/spec/javascripts/gamification-spec.js

@@ -33,11 +33,11 @@ describe('gamification', () => {
 
     describe('triggers level change', () => {
       it('does not trigger when small exp difference', () => {
-        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(1050)).toBe(false);
+        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(50)).toBe(false);
       });
 
       it('does trigger when big exp difference', () => {
-        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(1500)).toBe(true);
+        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(500)).toBe(true);
       });
     });
 

data/spec/javascripts/global-spec.js

@@ -1,6 +1,6 @@
 describe("global loading", () => {
   it("produces no global loading errors", () => {
     const error = window['__globalLoadingError__'];
-    expect(!error).toBe(true, `Expected no global loading errors but got ${error && error.message}`)
-  })
-})
+    expect(!error).toBe(true, `Expected no global loading errors but got ${error && error.message}`);
+  });
+});

data/spec/javascripts/i18n-spec.js

@@ -0,0 +1,82 @@
+describe('I18n', () => {
+  describe('t / translate', () => {
+    it('accept english translations', () => {
+      mumuki.locale = 'en';
+      expect(mumuki.I18n.translate('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    });
+
+    it('accept spanish translations', () => {
+      mumuki.locale = 'es';
+      expect(mumuki.I18n.translate('passed_with_warnings')).toBe('Tu solución funcionó, pero hay cosas que mejorar');
+    });
+
+    it('accept chilean translations', () => {
+      mumuki.locale = 'es-CL';
+      expect(mumuki.I18n.translate('failed')).toBe('Tu solución no pasó las pruebas');
+    });
+
+    it('accept portuguese translations', () => {
+      mumuki.locale = 'pt';
+      expect(mumuki.I18n.translate('errored')).toBe('Opa! Sua solução não pode ser executada');
+    });
+
+    it('fails when translation missing', () => {
+      mumuki.locale = 'en';
+      expect(mumuki.I18n.translate('foo')).toBe('Translation missing: en, `foo`');
+    });
+  });
+
+  describe('register', () => {
+    beforeEach(() => {
+      mumuki.locale = 'en';
+      mumuki.I18n.register({
+        en: {
+          greet: (data) => `Hi ${data.name}`,
+          errored: "D'Oh!"
+        }
+      });
+    });
+
+    it('overrides existing translation key', () => {
+      expect(mumuki.I18n.translate('errored')).toBe("D'Oh!");
+    });
+
+    it('add missing translation key', () => {
+      expect(mumuki.I18n.translate('greet', {name: 'Jane'})).toBe('Hi Jane');
+    });
+
+    it('keep non overriding translation key', () => {
+      expect(mumuki.I18n.translate('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    });
+  });
+
+  describe('with some prefix', () => {
+    fixture.set(`
+        <div class="mu-kindergarten" data-i18n-prefix="testing">
+            <button class="mu-kids-button">Click me<button>
+            <div class="mu-kids-overlay" style="display: none"></div>
+        </div>
+    `);
+
+    beforeEach(() => {
+      mumuki.locale = 'en';
+      mumuki.I18n.register({
+        en: {
+          testing_failed: 'Ops! Execution failed',
+        }
+      });
+    });
+
+    it('Using prefix with existing translation key', () => {
+      expect(mumuki.I18n.t('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    });
+
+    it('Use prefix with none existing translation key but default key exists', () => {
+      expect(mumuki.I18n.t('failed')).toBe('Ops! Execution failed');
+    });
+
+    it('No key found', () => {
+      expect(mumuki.I18n.t('foo')).toBe('Translation missing: en, `foo`');
+    });
+  });
+});