Support multiple selectors for WebAnnotations

__tests__/src/lib/AnnotationItem.test.js

@@ -105,6 +105,12 @@ describe('AnnotationItem', () => {
     it('returns the on string (for simple fragment selector)', () => {
       expect(new AnnotationItem({ target: 'yolo' }).selector).toEqual('yolo');
     });
+    it('returns objects wrapped in an array', () => {
+      expect(new AnnotationItem({ target: { selector: 'yolo' } }).selector).toEqual(['yolo']);
+    });
+    it('handles multiple selectors', () => {
+      expect(new AnnotationItem({ target: { selector: ['yolo', 'foo'] } }).selector).toEqual(['yolo', 'foo']);
+    });
   });
   describe('chars', () => {
     it('with no resource', () => {
@@ -124,6 +130,10 @@ describe('AnnotationItem', () => {
       expect(new AnnotationItem({ target: 'www.example.com/#xywh=10,10,100,200' })
         .fragmentSelector).toEqual([10, 10, 100, 200]);
     });
+    it('multiple selectors', () => {
+      expect(new AnnotationItem({ target: { selector: [{ type: 'FragmentSelector', value: '#xywh=10,10,100,200' }] } })
+        .fragmentSelector).toEqual([10, 10, 100, 200]);
+    });
     it('url without a fragment', () => {
       expect(new AnnotationItem({ target: 'www.example.com' })
         .fragmentSelector).toEqual(null);
@@ -142,7 +152,7 @@ describe('AnnotationItem', () => {
 
     it('without specified type', () => {
       expect(new AnnotationItem({ target: { selector: { } } })
-        .svgSelector).toEqual(null);
+        .svgSelector).toEqual(undefined);
     });
   });
 });

src/lib/AnnotationItem.js

@@ -78,7 +78,7 @@ export default class AnnotationItem {
       case 'string':
         return target;
       case 'object':
-        return target.selector;
+        return flatten(compact(new Array(target.selector)));
       default:
         return null;
     }
@@ -91,10 +91,7 @@ export default class AnnotationItem {
       case 'string':
         return null;
       case 'object':
-        if (selector.type && selector.type === 'SvgSelector') {
-          return selector;
-        }
-        return null;
+        return selector.find(s => s.type && s.type === 'SvgSelector');
       default:
         return null;
     }
@@ -105,13 +102,15 @@ export default class AnnotationItem {
     const { selector } = this;
 
     let match;
+    let fragmentSelector;
 
     switch (typeof selector) {
       case 'string':
         match = selector.match(/xywh=(.*)$/);
         break;
       case 'object':
-        match = selector.value.match(/xywh=(.*)$/);
+        fragmentSelector = selector.find(s => s.type && s.type === 'FragmentSelector');
+        match = fragmentSelector && fragmentSelector.value.match(/xywh=(.*)$/);
         break;
       default:
         return null;