upstream/ipython Files · IPython/html/tests/casperjs/test_cases/render_markdown.js

Adding prompt area to non-CodeCells to indent content....

Adding prompt area to non-CodeCells to indent content. This is a reponse to the problem of having really long lines in Markdown cells, which makes the content difficult to read. Users want wide code cells, so we don't want to narrow everything. The solution here is to give a prompt area to the heading/md cells to narrow their content area slightly. The only problem is that this makes it more difficult to distinguish between output and md content that follows that output. The solve this, we are adding a narrow line between output and following md.

Paul Ivanov - - Load All Authors

File last commit:

r13275:44f83150


                r13776:e285883b

Download file

             render_markdown.js
        
                    36 lines
            
             | 1.3 KiB
            
                | application/javascript
            
             |
                JavascriptLexer
            
             / IPython / html / tests / casperjs / test_cases / render_markdown.js
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      //

      // Test that a Markdown cell is rendered to HTML.

      //

      casper.notebook_test(function () {

          // Test JavaScript models.

          var output = this.evaluate(function () {

              IPython.notebook.to_markdown();

              var cell = IPython.notebook.get_selected_cell();

              cell.set_text('# Foo');

              cell.render();

              return cell.get_rendered();

          });

          this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown JS API works.');

          // Test menubar entries.

          output = this.evaluate(function () {

              $('#to_code').mouseenter().click();

              $('#to_markdown').mouseenter().click();

              var cell = IPython.notebook.get_selected_cell();

              cell.set_text('# Foo');

              $('#run_cell').mouseenter().click();

              return cell.get_rendered();

          });

          this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown menubar items work.');

          // Test toolbar buttons.

          output = this.evaluate(function () {

              $('#cell_type').val('code').change();

              $('#cell_type').val('markdown').change();

              var cell = IPython.notebook.get_selected_cell();

              cell.set_text('# Foo');

              $('#run_b').click();

              return cell.get_rendered();

          });

          this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown toolbar items work.');

      });

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				//
				// Test that a Markdown cell is rendered to HTML.
				//
				casper.notebook_test(function () {
				// Test JavaScript models.
				var output = this.evaluate(function () {
				IPython.notebook.to_markdown();
				var cell = IPython.notebook.get_selected_cell();
				cell.set_text('# Foo');
				cell.render();
				return cell.get_rendered();
				});
				this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown JS API works.');

				// Test menubar entries.
				output = this.evaluate(function () {
				$('#to_code').mouseenter().click();
				$('#to_markdown').mouseenter().click();
				var cell = IPython.notebook.get_selected_cell();
				cell.set_text('# Foo');
				$('#run_cell').mouseenter().click();
				return cell.get_rendered();
				});
				this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown menubar items work.');

				// Test toolbar buttons.
				output = this.evaluate(function () {
				$('#cell_type').val('code').change();
				$('#cell_type').val('markdown').change();
				var cell = IPython.notebook.get_selected_cell();
				cell.set_text('# Foo');
				$('#run_b').click();
				return cell.get_rendered();
				});
				this.test.assertEquals(output, '<h1>Foo</h1>', 'Markdown toolbar items work.');
				});