svgedit/test/svgutils_test.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Unit Tests for svgutils.js</title>
  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
  <script src='../editor/jquery.js'></script>
  <script src='../editor/svgedit.js'></script>
  <!-- svgutils.js depends on these three... mock out? -->
  <script src='../editor/pathseg.js'></script>
  <script src='../editor/browser.js'></script>
  <script src='../editor/svgtransformlist.js'></script>
  <script src='../editor/jquery-svg.js'></script>  <!--  has $.attr() that takes an array . Used by svgedit.utilities.getPathDFromElement -->
  <script src='../editor/svgutils.js'></script>
  <script src='qunit/qunit.js'></script>
  <script>
  $(function() {
    // log function
     QUnit.log = function(details) {
      if (window.console && window.console.log) {
        window.console.log(details.result +' :: '+ details.message);
      }
    };

    function  mockCreateSVGElement(jsonMap) {
      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
      for (var attr in jsonMap['attr']) {
        elem.setAttribute(attr, jsonMap['attr'][attr]);
      }
      return elem;
    }
    function mockAddSvgElementFromJson( json) {
      var elem = mockCreateSVGElement( json)
      svgroot.appendChild( elem)
      return elem
    }
    var mockPathActions = { resetOrientation: function () {}}
    var mockHistorySubCommands = []
    var mockHistory = {
      BatchCommand: function() {
        return {
          addSubCommand: function( cmd) { mockHistorySubCommands.push(cmd)}
        }
      },
      RemoveElementCommand: function(elem, nextSibling, parent) {
        this.elem = elem;
        this.nextSibling = nextSibling;
        this.parent = parent
      },
      InsertElementCommand: function(path){
        this.path = path
      }
    }
    var mockCount = {
      clearSelection: 0,
      addToSelection: 0,
      addCommandToHistory: 0
    }
    function mockClearSelection() { mockCount.clearSelection ++}
    function mockAddToSelection() { mockCount.addToSelection ++}
    function mockAddCommandToHistory() {mockCount.addCommandToHistory ++}

    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
    var sandbox = document.getElementById('sandbox');
    var svgroot = mockCreateSVGElement({
      'element': 'svg',
      'attr': {'id': 'svgroot'}
    });
    sandbox.appendChild(svgroot);

    
    module('svgedit.utilities', {
      setup: function() {
        mockHistorySubCommands = [];
        mockCount.clearSelection = 0;
        mockCount.addToSelection = 0;
        mockCount.addCommandToHistory = 0;
      },
      teardown: function() {
      }
    });


    test('Test svgedit.utilities package', function() {
      expect(3);

      ok(svgedit.utilities);
      ok(svgedit.utilities.toXml);
      equals(typeof svgedit.utilities.toXml, typeof function(){});
    });

    test('Test svgedit.utilities.toXml() function', function() {
      expect(6);
      var toXml = svgedit.utilities.toXml;

      equals(toXml('a'), 'a');
      equals(toXml('ABC_'), 'ABC_');
      equals(toXml('PB&J'), 'PB&amp;J');
      equals(toXml('2 < 5'), '2 &lt; 5');
      equals(toXml('5 > 2'), '5 &gt; 2');
      equals(toXml('\'<&>"'), '&#x27;&lt;&amp;&gt;&quot;');
    });

    test('Test svgedit.utilities.fromXml() function', function() {
      expect(6);
      var fromXml = svgedit.utilities.fromXml;

      equals(fromXml('a'), 'a');
      equals(fromXml('ABC_'), 'ABC_');
      equals(fromXml('PB&amp;J'), 'PB&J');
      equals(fromXml('2 &lt; 5'), '2 < 5');
      equals(fromXml('5 &gt; 2'), '5 > 2');
      equals(fromXml('&lt;&amp;&gt;'), '<&>');
    });

    test('Test svgedit.utilities.encode64() function', function() {
      expect(4);
      var encode64 = svgedit.utilities.encode64;

      equals(encode64('abcdef'), 'YWJjZGVm');
      equals(encode64('12345'), 'MTIzNDU=');
      equals(encode64(' '), 'IA==');
      equals(encode64('`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?'), 'YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8=');
    });

    test('Test svgedit.utilities.decode64() function', function() {
      expect(4);
      var decode64 = svgedit.utilities.decode64;

      equals(decode64('YWJjZGVm'), 'abcdef');
      equals(decode64('MTIzNDU='), '12345');
      equals(decode64('IA=='), ' ');
      equals(decode64('YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8='), '`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?');
    });

    test('Test svgedit.utilities.convertToXMLReferences() function', function() {
      expect(1);

      var convert = svgedit.utilities.convertToXMLReferences;
      equals(convert('ABC'), 'ABC');
  //    equals(convert('<27>BC'), '&#192;BC');
    });

    test('Test svgedit.utilities.bboxToObj() function', function() {
      expect(5);
      var bboxToObj = svgedit.utilities.bboxToObj;

      var rect = svg.createSVGRect();
      rect.x = 1;
      rect.y = 2;
      rect.width = 3;
      rect.height = 4;

      var obj = bboxToObj(rect);
      equals(typeof obj, typeof {});
      equals(obj.x, 1);
      equals(obj.y, 2);
      equals(obj.width, 3);
      equals(obj.height, 4);
    });

    test("Test getUrlFromAttr", function() {
      expect(4);

      equal(svgedit.utilities.getUrlFromAttr("url(#foo)"), "#foo");
      equal(svgedit.utilities.getUrlFromAttr("url(somefile.svg#foo)"), "somefile.svg#foo");
      equal(svgedit.utilities.getUrlFromAttr("url('#foo')"), "#foo");
      equal(svgedit.utilities.getUrlFromAttr('url("#foo")'), "#foo");
    });

    test("Test getPathBBox", function() {
      if(svgedit.browser.supportsPathBBox()) return;
      var doc = svgedit.utilities.text2xml('<svg></svg>');
      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
      var bb = svgedit.utilities.getPathBBox(path);
      equals(typeof bb, 'object', 'BBox returned object');
      ok(bb.x && !isNaN(bb.x));
      ok(bb.y && !isNaN(bb.y));
    });

    test("Test getPathDFromSegments", function() {
      var d;
      var getPathDFromSegments = svgedit.utilities.getPathDFromSegments;

      var doc = svgedit.utilities.text2xml('<svg></svg>');
      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
      d = getPathDFromSegments( [
              ['M', [1, 2]],
              ['Z', []],
      ]);
      equal( d, 'M1,2 Z');

      d = getPathDFromSegments( [
              ['M', [1, 2]],
              ['M', [3, 4]],
              ['Z', []],
      ]);
      equal( d, 'M1,2 M3,4 Z');

      d = getPathDFromSegments( [
              ['M', [1, 2]],
              ['C', [3, 4, 5, 6]],
              ['Z', []],
      ]);
      equal( d, 'M1,2 C3,4 5,6 Z');

    });

    test("Test getPathDFromElement", function() {
      var getPathDFromElement = svgedit.utilities.getPathDFromElement;

      var elem = mockCreateSVGElement({
        'element': 'path',
        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
      });
      svgroot.appendChild( elem)
      equal( getPathDFromElement( elem), 'M0,1 Z');
      svgroot.removeChild( elem)

      elem = mockCreateSVGElement({
        'element': 'rect',
        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
      });
      svgroot.appendChild( elem)
      equal( getPathDFromElement( elem), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
      svgroot.removeChild( elem)

      elem = mockCreateSVGElement({
        'element': 'rect',
        'attr': { 'id': 'roundrect', 'x': '0', 'y': '1', 'rx': '2', 'ry': '3', 'width': '10', 'height': '11'}
      });
      svgroot.appendChild( elem)
      var closeEnough = new RegExp( 'M0,4 C0,2.3[0-9]* 0.9[0-9]*,1 2,1 L8,1 C9.0[0-9]*,1 10,2.3[0-9]* 10,4 L10,9 C10,10.6[0-9]* 9.08675799086758,12 8,12 L2,12 C0.9[0-9]*,12 0,10.6[0-9]* 0,9 L0,4 Z')
      equal(closeEnough.test(getPathDFromElement( elem)), true);
      svgroot.removeChild( elem)

      elem = mockCreateSVGElement({
        'element': 'line',
        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
      });
      svgroot.appendChild( elem)
      equal( getPathDFromElement( elem), 'M0,1L5,6');
      svgroot.removeChild( elem)

      elem = mockCreateSVGElement({
        'element': 'circle',
        'attr': { 'id': 'circle', 'cx': '10', 'cy': '11', 'rx': '5', 'ry': '10'}
      });
      svgroot.appendChild( elem)
      equal( getPathDFromElement( elem), 'M10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 Z');
      svgroot.removeChild( elem)

      elem = mockCreateSVGElement({
        'element': 'polyline',
        'attr': { 'id': 'polyline', 'points': '0,1 5,1 5,11 0,11'}
      });
      svgroot.appendChild( elem)
      equal( getPathDFromElement( elem), 'M0,1 5,1 5,11 0,11');
      svgroot.removeChild( elem)

      equal( getPathDFromElement( {tagName: 'something unknown'}), undefined);
    });

    test("Test getBBoxOfElementAsPath", function() {
      function getBBoxOfElementAsPath( elem, addSvgElementFromJson, pathActions) {
        var bbox = svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions);
        return svgedit.utilities.bboxToObj( bbox) // need this for QUnit equal() to work.
      }

      var bbox;
      var elem = mockCreateSVGElement({
        'element': 'path',
        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
      });
      svgroot.appendChild( elem)
      bbox = getBBoxOfElementAsPath(elem, mockAddSvgElementFromJson, mockPathActions)
      deepEqual(bbox, {"x": 0, "y": 1, "width": 0, "height": 0 });
      svgroot.removeChild( elem);

      elem = mockCreateSVGElement({
        'element': 'rect',
        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
      });
      svgroot.appendChild( elem);
      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
      svgroot.removeChild( elem);

      elem = mockCreateSVGElement({
        'element': 'line',
        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
      });
      svgroot.appendChild( elem);
      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
      svgroot.removeChild( elem);

      // TODO: test element with transform. Need resetOrientation above to be working or mock it.

    });

    test("Test convertToPath rect", function() {
      var convertToPath = svgedit.utilities.convertToPath;
      var attrs = {
        'fill': 'red',
        'stroke': 'white',
        'stroke-width': '1',
        'visibility':'hidden'
      };

      var elem = mockCreateSVGElement({
        'element': 'rect',
        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
      });
      svgroot.appendChild( elem)
      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
      equal( path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
      equal( path.getAttribute('visibilituy'), null);
      equal( path.id, 'rect');
      equal( path.parentNode, svgroot);
      equal( elem.parentNode, null);
      equal( mockHistorySubCommands.length, 2);
      equal( mockCount.clearSelection, 1);
      equal( mockCount.addToSelection, 1);
      equal( mockCount.addCommandToHistory, 1);
      svgroot.removeChild( path);
    });


    test("Test convertToPath unknown element", function() {
      var convertToPath = svgedit.utilities.convertToPath;
      var attrs = {
        'fill': 'red',
        'stroke': 'white',
        'stroke-width': '1',
        'visibility':'hidden'
      };

      var elem = {
        tagName: 'something unknown',
        id: 'something-unknown',
        getAttribute: function( attr) { return '';},
        parentNode: svgroot
      };
      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
      equal( path, null);
      equal( elem.parentNode, svgroot);
      equal( mockHistorySubCommands.length, 0);
      equal( mockCount.clearSelection, 0);
      equal( mockCount.addToSelection, 0);
      equal( mockCount.addCommandToHistory, 0);
    });


  });
  </script>
</head>
<body>
  <h1 id='qunit-header'>Unit Tests for svgutils.js</h1>
  <h2 id='qunit-banner'></h2>
  <h2 id='qunit-userAgent'></h2>
  <ol id='qunit-tests'></ol>
  <div id='sandbox'></div>
</body>
</html>
-												Add HTML5 DOCTYPE and CSS MIME type to tests

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1860 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2010-11-08 19:04:43 +00:00
+								<!DOCTYPE html>
-												Move undo/redo functionality into history.js.  Started unit test file.

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1864 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2010-11-12 19:08:29 +00:00
+								<html>
 								<head>
-												Add HTML charset to tests, opera widget

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2610 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-10-29 03:32:01 +00:00
+								  <meta charset="utf-8" />
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								  <title>Unit Tests for svgutils.js</title>
 								  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
 								  <script src='../editor/jquery.js'></script>
 								  <script src='../editor/svgedit.js'></script>
-												Add pathseg.js, a polyfill for the SVGPathSeg API

The SVGPathSeg API is being removed from the spec [1] and is being
removed in Chromium 47 [2]. I implemented a drop-in polyfill[3] so
svg-edit users are not broken as browsers migrate away from the
path seg api.

This patch simply imports the upstream pathseg.js and updates all
dependencies. With this change all tests pass in Chrome 46 (with
the path seg api), Chrome 47 (without the path seg api), and
there are no changes to tests in Safari 9.01 or Firefox 43. I
also manually tested svg-edit while developing the polyfill and
could not find any broken features.

[1] https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html
[2] https://groups.google.com/a/chromium.org/d/msg/blink-dev/EDC3cBg9mCU/OvElJgOWCgAJ
[3] https://github.com/progers/pathseg

											
										
										
											2015-11-05 03:25:30 +00:00
+								  <!-- svgutils.js depends on these three... mock out? -->
 								  <script src='../editor/pathseg.js'></script>
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								  <script src='../editor/browser.js'></script>
 								  <script src='../editor/svgtransformlist.js'></script>
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								  <script src='../editor/jquery-svg.js'></script>  <!--  has $.attr() that takes an array . Used by svgedit.utilities.getPathDFromElement -->
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								  <script src='../editor/svgutils.js'></script>
 								  <script src='qunit/qunit.js'></script>
 								  <script>
 								  $(function() {
 								    // log function
-												Fix QUnit.log and references to it to reflect the currently included QUnit implementation; add missing files (test1.html is still failing even after the fixes, though it was not one of the tests included with all_tests.html)

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2762 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2014-04-07 05:33:44 +00:00
+								     QUnit.log = function(details) {
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								      if (window.console && window.console.log) {
-												Fix QUnit.log and references to it to reflect the currently included QUnit implementation; add missing files (test1.html is still failing even after the fixes, though it was not one of the tests included with all_tests.html)

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2762 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2014-04-07 05:33:44 +00:00
+								        window.console.log(details.result +' :: '+ details.message);
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								      }
 								    };
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								    function  mockCreateSVGElement(jsonMap) {
 								      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
 								      for (var attr in jsonMap['attr']) {
 								        elem.setAttribute(attr, jsonMap['attr'][attr]);
 								      }
 								      return elem;
 								    }
 								    function mockAddSvgElementFromJson( json) {
 								      var elem = mockCreateSVGElement( json)
 								      svgroot.appendChild( elem)
 								      return elem
 								    }
 								    var mockPathActions = { resetOrientation: function () {}}
 								    var mockHistorySubCommands = []
 								    var mockHistory = {
 								      BatchCommand: function() {
 								        return {
 								          addSubCommand: function( cmd) { mockHistorySubCommands.push(cmd)}
 								        }
 								      },
 								      RemoveElementCommand: function(elem, nextSibling, parent) {
 								        this.elem = elem;
 								        this.nextSibling = nextSibling;
 								        this.parent = parent
 								      },
 								      InsertElementCommand: function(path){
 								        this.path = path
 								      }
 								    }
 								    var mockCount = {
 								      clearSelection: 0,
 								      addToSelection: 0,
 								      addCommandToHistory: 0
 								    }
 								    function mockClearSelection() { mockCount.clearSelection ++}
 								    function mockAddToSelection() { mockCount.addToSelection ++}
 								    function mockAddCommandToHistory() {mockCount.addCommandToHistory ++}
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								    var sandbox = document.getElementById('sandbox');
 								    var svgroot = mockCreateSVGElement({
 								      'element': 'svg',
 								      'attr': {'id': 'svgroot'}
 								    });
 								    sandbox.appendChild(svgroot);
 								    module('svgedit.utilities', {
 								      setup: function() {
 								        mockHistorySubCommands = [];
 								        mockCount.clearSelection = 0;
 								        mockCount.addToSelection = 0;
 								        mockCount.addCommandToHistory = 0;
 								      },
 								      teardown: function() {
 								      }
 								    });
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
 								    test('Test svgedit.utilities package', function() {
 								      expect(3);
 								      ok(svgedit.utilities);
 								      ok(svgedit.utilities.toXml);
 								      equals(typeof svgedit.utilities.toXml, typeof function(){});
 								    });
 								    test('Test svgedit.utilities.toXml() function', function() {
 								      expect(6);
 								      var toXml = svgedit.utilities.toXml;
 								      equals(toXml('a'), 'a');
 								      equals(toXml('ABC_'), 'ABC_');
 								      equals(toXml('PB&J'), 'PB&amp;J');
 								      equals(toXml('2 < 5'), '2 &lt; 5');
 								      equals(toXml('5 > 2'), '5 &gt; 2');
-												Fix issue 1174 reported by psh.tnt re: XML entity escaping (within attributes); updated test as well

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2696 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2014-02-12 10:10:56 +00:00
+								      equals(toXml('\'<&>"'), '&#x27;&lt;&amp;&gt;&quot;');
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								    });
 								    test('Test svgedit.utilities.fromXml() function', function() {
 								      expect(6);
 								      var fromXml = svgedit.utilities.fromXml;
 								      equals(fromXml('a'), 'a');
 								      equals(fromXml('ABC_'), 'ABC_');
 								      equals(fromXml('PB&amp;J'), 'PB&J');
 								      equals(fromXml('2 &lt; 5'), '2 < 5');
 								      equals(fromXml('5 &gt; 2'), '5 > 2');
 								      equals(fromXml('&lt;&amp;&gt;'), '<&>');
 								    });
 								    test('Test svgedit.utilities.encode64() function', function() {
 								      expect(4);
 								      var encode64 = svgedit.utilities.encode64;
 								      equals(encode64('abcdef'), 'YWJjZGVm');
 								      equals(encode64('12345'), 'MTIzNDU=');
 								      equals(encode64(' '), 'IA==');
 								      equals(encode64('`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?'), 'YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8=');
 								    });
 								    test('Test svgedit.utilities.decode64() function', function() {
 								      expect(4);
 								      var decode64 = svgedit.utilities.decode64;
 								      equals(decode64('YWJjZGVm'), 'abcdef');
 								      equals(decode64('MTIzNDU='), '12345');
 								      equals(decode64('IA=='), ' ');
 								      equals(decode64('YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8='), '`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?');
 								    });
 								    test('Test svgedit.utilities.convertToXMLReferences() function', function() {
 								      expect(1);
 								      var convert = svgedit.utilities.convertToXMLReferences;
 								      equals(convert('ABC'), 'ABC');
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								  //    equals(convert('<27>BC'), '&#192;BC');
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								    });
 								    test('Test svgedit.utilities.bboxToObj() function', function() {
 								      expect(5);
 								      var bboxToObj = svgedit.utilities.bboxToObj;
 								      var rect = svg.createSVGRect();
 								      rect.x = 1;
 								      rect.y = 2;
 								      rect.width = 3;
 								      rect.height = 4;
 								      var obj = bboxToObj(rect);
 								      equals(typeof obj, typeof {});
 								      equals(obj.x, 1);
 								      equals(obj.y, 2);
 								      equals(obj.width, 3);
 								      equals(obj.height, 4);
 								    });
 								    test("Test getUrlFromAttr", function() {
 								      expect(4);
 								      equal(svgedit.utilities.getUrlFromAttr("url(#foo)"), "#foo");
 								      equal(svgedit.utilities.getUrlFromAttr("url(somefile.svg#foo)"), "somefile.svg#foo");
 								      equal(svgedit.utilities.getUrlFromAttr("url('#foo')"), "#foo");
 								      equal(svgedit.utilities.getUrlFromAttr('url("#foo")'), "#foo");
 								    });
 								    test("Test getPathBBox", function() {
 								      if(svgedit.browser.supportsPathBBox()) return;
 								      var doc = svgedit.utilities.text2xml('<svg></svg>');
 								      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
 								      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
 								      var bb = svgedit.utilities.getPathBBox(path);
 								      equals(typeof bb, 'object', 'BBox returned object');
 								      ok(bb.x && !isNaN(bb.x));
 								      ok(bb.y && !isNaN(bb.y));
 								    });
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								    test("Test getPathDFromSegments", function() {
 								      var d;
 								      var getPathDFromSegments = svgedit.utilities.getPathDFromSegments;
 								      var doc = svgedit.utilities.text2xml('<svg></svg>');
 								      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
 								      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
 								      d = getPathDFromSegments( [
 								              ['M', [1, 2]],
 								              ['Z', []],
 								      ]);
 								      equal( d, 'M1,2 Z');
 								      d = getPathDFromSegments( [
 								              ['M', [1, 2]],
 								              ['M', [3, 4]],
 								              ['Z', []],
 								      ]);
 								      equal( d, 'M1,2 M3,4 Z');
 								      d = getPathDFromSegments( [
 								              ['M', [1, 2]],
 								              ['C', [3, 4, 5, 6]],
 								              ['Z', []],
 								      ]);
 								      equal( d, 'M1,2 C3,4 5,6 Z');
 								    });
 								    test("Test getPathDFromElement", function() {
 								      var getPathDFromElement = svgedit.utilities.getPathDFromElement;
 								      var elem = mockCreateSVGElement({
 								        'element': 'path',
 								        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
 								      });
 								      svgroot.appendChild( elem)
 								      equal( getPathDFromElement( elem), 'M0,1 Z');
 								      svgroot.removeChild( elem)
 								      elem = mockCreateSVGElement({
 								        'element': 'rect',
 								        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
 								      });
 								      svgroot.appendChild( elem)
 								      equal( getPathDFromElement( elem), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
 								      svgroot.removeChild( elem)
 								      elem = mockCreateSVGElement({
 								        'element': 'rect',
 								        'attr': { 'id': 'roundrect', 'x': '0', 'y': '1', 'rx': '2', 'ry': '3', 'width': '10', 'height': '11'}
 								      });
 								      svgroot.appendChild( elem)
 								      var closeEnough = new RegExp( 'M0,4 C0,2.3[0-9]* 0.9[0-9]*,1 2,1 L8,1 C9.0[0-9]*,1 10,2.3[0-9]* 10,4 L10,9 C10,10.6[0-9]* 9.08675799086758,12 8,12 L2,12 C0.9[0-9]*,12 0,10.6[0-9]* 0,9 L0,4 Z')
 								      equal(closeEnough.test(getPathDFromElement( elem)), true);
 								      svgroot.removeChild( elem)
 								      elem = mockCreateSVGElement({
 								        'element': 'line',
 								        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
 								      });
 								      svgroot.appendChild( elem)
 								      equal( getPathDFromElement( elem), 'M0,1L5,6');
 								      svgroot.removeChild( elem)
 								      elem = mockCreateSVGElement({
 								        'element': 'circle',
 								        'attr': { 'id': 'circle', 'cx': '10', 'cy': '11', 'rx': '5', 'ry': '10'}
 								      });
 								      svgroot.appendChild( elem)
 								      equal( getPathDFromElement( elem), 'M10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 Z');
 								      svgroot.removeChild( elem)
 								      elem = mockCreateSVGElement({
 								        'element': 'polyline',
 								        'attr': { 'id': 'polyline', 'points': '0,1 5,1 5,11 0,11'}
 								      });
 								      svgroot.appendChild( elem)
 								      equal( getPathDFromElement( elem), 'M0,1 5,1 5,11 0,11');
 								      svgroot.removeChild( elem)
 								      equal( getPathDFromElement( {tagName: 'something unknown'}), undefined);
 								    });
 								    test("Test getBBoxOfElementAsPath", function() {
 								      function getBBoxOfElementAsPath( elem, addSvgElementFromJson, pathActions) {
 								        var bbox = svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions);
 								        return svgedit.utilities.bboxToObj( bbox) // need this for QUnit equal() to work.
 								      }
 								      var bbox;
 								      var elem = mockCreateSVGElement({
 								        'element': 'path',
 								        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
 								      });
 								      svgroot.appendChild( elem)
 								      bbox = getBBoxOfElementAsPath(elem, mockAddSvgElementFromJson, mockPathActions)
 								      deepEqual(bbox, {"x": 0, "y": 1, "width": 0, "height": 0 });
 								      svgroot.removeChild( elem);
 								      elem = mockCreateSVGElement({
 								        'element': 'rect',
 								        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
 								      });
 								      svgroot.appendChild( elem);
 								      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
 								      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
 								      svgroot.removeChild( elem);
 								      elem = mockCreateSVGElement({
 								        'element': 'line',
 								        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
 								      });
 								      svgroot.appendChild( elem);
 								      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
 								      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
 								      svgroot.removeChild( elem);
 								      // TODO: test element with transform. Need resetOrientation above to be working or mock it.
 								    });
 								    test("Test convertToPath rect", function() {
 								      var convertToPath = svgedit.utilities.convertToPath;
 								      var attrs = {
 								        'fill': 'red',
 								        'stroke': 'white',
 								        'stroke-width': '1',
 								        'visibility':'hidden'
 								      };
 								      var elem = mockCreateSVGElement({
 								        'element': 'rect',
 								        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
 								      });
 								      svgroot.appendChild( elem)
 								      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
 								      equal( path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
 								      equal( path.getAttribute('visibilituy'), null);
 								      equal( path.id, 'rect');
 								      equal( path.parentNode, svgroot);
 								      equal( elem.parentNode, null);
 								      equal( mockHistorySubCommands.length, 2);
 								      equal( mockCount.clearSelection, 1);
 								      equal( mockCount.addToSelection, 1);
 								      equal( mockCount.addCommandToHistory, 1);
 								      svgroot.removeChild( path);
 								    });
 								    test("Test convertToPath unknown element", function() {
 								      var convertToPath = svgedit.utilities.convertToPath;
 								      var attrs = {
 								        'fill': 'red',
 								        'stroke': 'white',
 								        'stroke-width': '1',
 								        'visibility':'hidden'
 								      };
 								      var elem = {
 								        tagName: 'something unknown',
 								        id: 'something-unknown',
 								        getAttribute: function( attr) { return '';},
 								        parentNode: svgroot
 								      };
 								      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
 								      equal( path, null);
 								      equal( elem.parentNode, svgroot);
 								      equal( mockHistorySubCommands.length, 0);
 								      equal( mockCount.clearSelection, 0);
 								      equal( mockCount.addToSelection, 0);
 								      equal( mockCount.addCommandToHistory, 0);
 								    });
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								  });
 								  </script>
-												created svgedit main object, moved all namespaces handling in the same place

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2411 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-16 15:02:26 +00:00
+								</head>
 								<body>
-												- convert svgutils_test.html from utf8 to iso-8859-1 (Western) encoding,
  so that tools such as grep don't consider it a binary file.
- add <title> to test pages, to make html valid
- harmonize indentation: 2 spaces
- harmonize all empty html elements' closing tags
  to be on the same line as the opening tag



git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2418 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-17 17:28:19 +00:00
+								  <h1 id='qunit-header'>Unit Tests for svgutils.js</h1>
 								  <h2 id='qunit-banner'></h2>
 								  <h2 id='qunit-userAgent'></h2>
 								  <ol id='qunit-tests'></ol>
-												Refactor canvas.convertToPath() internals to svgutils in preparation for getBBox performance improvements.
Two new functions in svgutils: convertToPath() and getBBoxOfElementAsPath().
Updated test/svgutils_test.html.

											
										
										
											2016-04-22 16:24:52 +00:00
+								  <div id='sandbox'></div>
-												created svgedit main object, moved all namespaces handling in the same place

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@2411 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2013-02-16 15:02:26 +00:00
+								</body>
-												Start on a svgutils unit test file

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1856 eee81c28-f429-11dd-99c0-75d572ba1ddd

											
										
										
											2010-11-08 08:42:46 +00:00
+								</html>