Detailed commit messages: deleted old tinymce new tinymce js changes to support new tinymce scss changes for alignments Include all the controls on the toolbar that we previously had. Changes to support Bulk e-mail usage. adding new studio skin for TinyMCE4 Get handling of static image links working again. Delete old Studio skin. Version 1.3 of CodeMirror plugin. Modify paths for location of CodeMirror files. Fire events when CodeMirror Editor is open and closed. Needed to switch static links back and forth. Remove CodeMirror tabbed editor. fixed tinymce visual editor css Change how we detect that an image has been inserted. made the codemirror look more studio-like reordered the tinymce buttons Update unit tests. Update acceptance test for image plugin. Make sure to strip out temporary caret. It can get left behind in style blocks. Test for style block being maintained. Allow TinyMCE to create p's, else formatting doesn't work. Add tests for toolbar buttons and converting links. Add test for code format toolbar button. Remove unnecessary code. Remove unused testing templates and unused tabs. Update tinymce paths. Fire an event with the link plugin closes so we can rewrite links. pep8 Updates from code review. Change the name of the button to "Edit HTML". Changed menu name for consistency, but we don't show it. Changed name of "code" toolbar button to "Code block". Switch from tabbed Visual/HTML Editor for HTML modules to showing the code editor as a plugin within TinyMCE (triggered from toolbar). STUD-1422 Fire events before and after the image dialog is shown. We use this to rewrite links. Change the event handling for image plugin. Fixes FireFox bug, and allows us to correct the image path when we show the plugin (as opposed ot only correcting path when we close the plugin). Code review feedback. Fire events before and after the link dialog is shown. This allows us to convert the static links. Remove unnecessary helper method. keeping the component editor inside the component window Use compressed CodeMirror file. replaced code icon in TinyMCE editor; simplified UI on TMCE toolbar Change code editor icon to say HTML. Move code style block button. Update tests for minor UI changes. Code editor button no longer shows an icon, and code style toolbar button location has moved. Fix typos.
72 lines
2.7 KiB
Gherkin
72 lines
2.7 KiB
Gherkin
@shard_2
|
|
Feature: CMS.HTML Editor
|
|
As a course author, I want to be able to create HTML blocks.
|
|
|
|
Scenario: User can view metadata
|
|
Given I have created a Blank HTML Page
|
|
And I edit and select Settings
|
|
Then I see only the HTML display name setting
|
|
|
|
# Safari doesn't save the name properly
|
|
@skip_safari
|
|
Scenario: User can modify display name
|
|
Given I have created a Blank HTML Page
|
|
And I edit and select Settings
|
|
Then I can modify the display name
|
|
And my display name change is persisted on save
|
|
|
|
Scenario: Edit High Level source is available for LaTeX html
|
|
Given I have created an E-text Written in LaTeX
|
|
When I edit and select Settings
|
|
Then Edit High Level Source is visible
|
|
|
|
Scenario: TinyMCE image plugin sets urls correctly
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
And I add an image with static link "/static/image.jpg" via the Image Plugin Icon
|
|
Then the src link is rewritten to "c4x/MITx/999/asset/image.jpg"
|
|
And the link is shown as "/static/image.jpg" in the Image Plugin
|
|
|
|
Scenario: TinyMCE link plugin sets urls correctly
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
And I add a link with static link "/static/image.jpg" via the Link Plugin Icon
|
|
Then the href link is rewritten to "c4x/MITx/999/asset/image.jpg"
|
|
And the link is shown as "/static/image.jpg" in the Link Plugin
|
|
|
|
Scenario: TinyMCE and CodeMirror preserve style tags
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
And type "<p class='title'>pages</p><style><!-- .title { color: red; } --></style>" in the code editor and press OK
|
|
And I save the page
|
|
Then the page text contains:
|
|
"""
|
|
<p class="title">pages</p>
|
|
<style><!--
|
|
.title { color: red; }
|
|
--></style>
|
|
"""
|
|
|
|
Scenario: TinyMCE toolbar buttons are as expected
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
Then the expected toolbar buttons are displayed
|
|
|
|
Scenario: Static links are converted when switching between code editor and WYSIWYG views
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
And type "<img src="/static/image.jpg">" in the code editor and press OK
|
|
Then the src link is rewritten to "c4x/MITx/999/asset/image.jpg"
|
|
And the code editor displays "<p><img src="/static/image.jpg" alt="" /></p>"
|
|
|
|
Scenario: Code format toolbar button wraps text with code tags
|
|
Given I have created a Blank HTML Page
|
|
When I edit the page
|
|
And I set the text to "display as code" and I select the text
|
|
And I select the code toolbar button
|
|
And I save the page
|
|
Then the page text contains:
|
|
"""
|
|
<p><code>display as code</code></p>
|
|
"""
|