Added more webdriver tests testing against a real browser.

src/components/modals/Modal.jsx

@@ -5,6 +5,7 @@ import Overlay from './Overlay'
 
 class Modal extends React.Component {
   static propTypes = {
+    "data-wd-key": PropTypes.string,
     isOpen: PropTypes.bool.isRequired,
     title: PropTypes.string.isRequired,
     onOpenToggle: PropTypes.func.isRequired,
@@ -13,12 +14,15 @@ class Modal extends React.Component {
 
   render() {
     return <Overlay isOpen={this.props.isOpen}>
-      <div className="maputnik-modal">
+      <div className="maputnik-modal"
+        data-wd-key={this.props["data-wd-key"]}
+      >
         <header className="maputnik-modal-header">
           <h1 className="maputnik-modal-header-title">{this.props.title}</h1>
           <span className="maputnik-modal-header-space"></span>
           <a className="maputnik-modal-header-toggle"
             onClick={() => this.props.onOpenToggle(false)}
+            data-wd-key={this.props["data-wd-key"]+".close-modal"}
           >
             <CloseIcon />
           </a>