Add fixtures and test cases for font-based mark symbolizers

data/olStyles/point_fontglyph.ts

@@ -0,0 +1,19 @@
+import OlStyle from 'ol/style/Style';
+import OlStyleText from 'ol/style/Text';
+import OlStyleFill from 'ol/style/Fill';
+import OlStyleStroke from 'ol/style/Stroke';
+
+const olFontGlyph = new OlStyle({
+  text: new OlStyleText({
+    text: '|',
+    font: 'Normal 12px \'My Font Name\', geostyler-mark-symbolizer',
+    fill: new OlStyleFill({
+      color: '#FF0000'
+    }),
+    stroke: new OlStyleStroke({
+      color: '#112233'
+    })
+  })
+});
+
+export default olFontGlyph;

data/styles/point_fontglyph.ts

@@ -0,0 +1,20 @@
+import { Style } from 'geostyler-style';
+
+const pointFontglyph: Style = {
+  name: 'OL Style',
+  rules: [
+    {
+      name: 'OL Style Rule 0',
+      symbolizers: [{
+        kind: 'Mark',
+        wellKnownName: 'ttf://My Font Name#0x7c',
+        color: '#FF0000',
+        radius: 12,
+        rotate: 0,
+        strokeColor: '#112233'
+      }]
+    }
+  ]
+};
+
+export default pointFontglyph;

src/OlStyleParser.spec.ts

@@ -34,6 +34,7 @@ import scaleDenomLineCircle from '../data/styles/scaleDenom_line_circle';
 import scaleDenomLineCircleOverlap from '../data/styles/scaleDenom_line_circle_overlap';
 import polygon_transparentpolygon from '../data/styles/polygon_transparentpolygon';
 import point_styledlabel from '../data/styles/point_styledlabel';
+import point_fontglyph from '../data/styles/point_fontglyph';
 import ol_point_simplepoint from '../data/olStyles/point_simplepoint';
 import ol_point_icon from '../data/olStyles/point_icon';
 import ol_point_simplesquare from '../data/olStyles/point_simplesquare';
@@ -54,6 +55,7 @@ import ol_line_simpleline from '../data/olStyles/line_simpleline';
 import ol_polygon_transparentpolygon from '../data/olStyles/polygon_transparentpolygon';
 import ol_multi_simplefillSimpleline from '../data/olStyles/multi_simplefillSimpleline';
 import ol_point_styledLabel_static from '../data/olStyles/point_styledLabel_static';
+import ol_point_fontglyph from '../data/olStyles/point_fontglyph';
 import {
   LineSymbolizer,
   FillSymbolizer,
@@ -287,6 +289,14 @@ describe('OlStyleParser implements StyleParser', () => {
     //       expect(geoStylerStyle).toEqual(point_simplepoint_filter);
     //     });
     // });
+    it('can read a OpenLayers MarkSymbolizer based on a font glyph (WellKnownName starts with ttf://)', () => {
+      expect.assertions(2);
+      return styleParser.readStyle(ol_point_fontglyph)
+        .then((geoStylerStyle: Style) => {
+          expect(geoStylerStyle).toBeDefined();
+          expect(geoStylerStyle).toEqual(point_fontglyph);
+        });
+    });
 
     describe('#olStyleToGeoStylerStyle', () => {
       it('is defined', () => {
@@ -760,6 +770,28 @@ describe('OlStyleParser implements StyleParser', () => {
           expect(olTimesFill.getColor()).toEqual(expecSymb.color);
         });
     });
+    it('can write a OpenLayers Style based on a font glyph (WellKnownName starts with ttf://)', () => {
+      expect.assertions(8);
+      return styleParser.writeStyle(point_fontglyph)
+        .then((olStyle: OlStyle) => {
+          expect(olStyle).toBeDefined();
+
+          const expecSymb = point_fontglyph.rules[0].symbolizers[0] as MarkSymbolizer;
+          const olText: OlStyleText = olStyle.getText();
+          expect(olText).toBeDefined();
+
+          expect(olText.getFont()).toBe('Normal 12px \'My Font Name\', geostyler-mark-symbolizer');
+          expect(olText.getText()).toBe('|');
+
+          const olTextFill: OlStyleFill = olText.getFill();
+          expect(olTextFill).toBeDefined();
+          expect(olTextFill.getColor()).toEqual(expecSymb.color);
+
+          const olTextStroke: OlStyleStroke = olText.getStroke();
+          expect(olTextStroke).toBeDefined();
+          expect(olTextStroke.getColor()).toEqual(expecSymb.strokeColor);
+        });
+    });
     it('can write a OpenLayers LineSymbolizer', () => {
       expect.assertions(5);
       return styleParser.writeStyle(line_simpleline)