[Fix] Do horrible things with regex to fix ID selectors.

Fixes #495.

package.json

@@ -58,7 +58,8 @@
     "lodash": "^4.16.4",
     "object-is": "^1.0.1",
     "object.assign": "^4.0.4",
-    "object.values": "^1.0.3"
+    "object.values": "^1.0.3",
+    "uuid": "^2.0.3"
   },
   "devDependencies": {
     "babel-cli": "^6.18.0",

src/Utils.js

@@ -2,6 +2,7 @@
 import isEqual from 'lodash/isEqual';
 import React from 'react';
 import is from 'object-is';
+import uuid from 'uuid';
 import functionName from 'function.prototype.name';
 import {
   isDOMComponent,
@@ -171,7 +172,24 @@ export function withSetStateAllowed(fn) {
 }
 
 export function splitSelector(selector) {
-  return selector.split(/(?=\.|\[.*])|(?=#|\[#.*])/);
+  // step 1: make a map of all quoted strings with a uuid
+  const quotedSegments = selector.split(/[^" ]+|("[^"]*")|.*/g)
+    .filter(Boolean)
+    .reduce((obj, match) => ({ ...obj, [match]: uuid.v4() }), {});
+
+  return selector
+    // step 2: replace all quoted strings with the uuid, so we don't have to properly parse them
+    .replace(/[^" ]+|("[^"]*")|.*/g, x => quotedSegments[x] || x)
+    // step 3: split as best we can without a proper parser
+    .split(/(?=\.|\[.*])|(?=#|\[#.*])/)
+    // step 4: restore the quoted strings by swapping back the uuid's for the original segments
+    .map((selectorSegment) => {
+      let restoredSegment = selectorSegment;
+      Object.entries(quotedSegments).forEach(([k, v]) => {
+        restoredSegment = restoredSegment.replace(v, k);
+      });
+      return restoredSegment;
+    });
 }