Fix infoResponsesMatch tests for IIIF v3

__tests__/src/components/OpenSeadragonViewer.test.js

@@ -86,6 +86,19 @@ describe('OpenSeadragonViewer', () => {
     it('when the @ids do not match', () => {
       expect(wrapper.instance().infoResponsesMatch([{ id: 'a', json: { '@id': 'http://foo-degraded' } }])).toBe(false);
     });
+    it('when the id props match', () => {
+      wrapper.setProps({
+        infoResponses: [{
+          id: 'a',
+          json: {
+            height: 200,
+            id: 'http://foo',
+            width: 100,
+          },
+        }],
+      });
+      expect(wrapper.instance().infoResponsesMatch([{ id: 'a', json: { id: 'http://foo' } }])).toBe(true);
+    });
   });
 
   describe('nonTiledImagedMatch', () => {

src/components/OpenSeadragonViewer.js

@@ -273,19 +273,25 @@ export class OpenSeadragonViewer extends Component {
    */
   infoResponsesMatch(prevInfoResponses) {
     const { infoResponses } = this.props;
+
     if (infoResponses.length === 0 && prevInfoResponses.length === 0) return true;
     if (infoResponses.length !== prevInfoResponses.length) return false;
 
-    return infoResponses.some((infoResponse, index) => {
+    return infoResponses.every((infoResponse, index) => {
       if (!prevInfoResponses[index]) {
         return false;
       }
 
-      if (!infoResponse.json) {
+      if (!infoResponse.json || !prevInfoResponses[index].json) {
         return false;
       }
 
-      if (infoResponse.json['@id'] === (prevInfoResponses[index].json || {})['@id']) {
+      if (infoResponse.json['@id']
+        && infoResponse.json['@id'] === prevInfoResponses[index].json['@id']) {
+        return true;
+      }
+      if (infoResponse.json.id
+        && infoResponse.json.id === prevInfoResponses[index].json.id) {
         return true;
       }