tests/qunit/suites/resources/jquery/jquery.autoEllipsis.js

   1 module( 'jquery.autoEllipsis.js' );
   2
   3 test( '-- Initial check', function() {
   4         expect(1);
   5         ok( $.fn.autoEllipsis, 'jQuery.fn.autoEllipsis defined' );
   6 });
   7
   8 function createWrappedDiv( text ) {
   9         var $wrapper = $( '<div />' ).css( 'width', '100px' );
  10         var $div = $( '<div />' ).text( text );
  11         $wrapper.append( $div );
  12         return $wrapper;
  13 }
  14
  15 function findDivergenceIndex( a, b ) {
  16         var i = 0;
  17         while ( i < a.length && i < b.length && a[i] == b[i] ) {
  18                 i++;
  19         }
  20         return i;
  21 }
  22
  23 test( 'Position right', function() {
  24         expect(3);
  25
  26         // We need this thing to be visible, so append it to the DOM
  27         var origText = 'This is a really long random string and there is no way it fits in 100 pixels.';
  28         var $wrapper = createWrappedDiv( origText );
  29         $( 'body' ).append( $wrapper );
  30         $wrapper.autoEllipsis( { position: 'right' } );
  31
  32         // Verify that, and only one, span element was created
  33         var $span = $wrapper.find( '> span' );
  34         strictEqual( $span.length, 1, 'autoEllipsis wrapped the contents in a span element' );
  35
  36         // Check that the text fits by turning on word wrapping
  37         $span.css( 'whiteSpace', 'nowrap' );
  38         strictEqual( $span.width() <= $span.parent().width(), true, "Text fits (span's width is no larger than its parent's width)" );
  39
  40         // Add one character using scary black magic
  41         var spanText = $span.text();
  42         var d = findDivergenceIndex( origText, spanText );
  43         spanText = spanText.substr( 0, d ) + origText[d] + '...';
  44
  45         // Put this text in the span and verify it doesn't fit
  46         $span.text( spanText );
  47         strictEqual( $span.width() > $span.parent().width(), true, 'Fit is maximal (adding one character makes it not fit any more)' );
  48
  49         // Clean up
  50         $wrapper.remove();
  51 });