add example with react-boostrap, closes #99

Author: bahmutov

README.md

@@ -127,6 +127,7 @@ Spec | Description
 [timers](cypress/component/advanced/timers) | Testing components that set timers, adopted from [ReactJS Testing recipes](https://reactjs.org/docs/testing-recipes.html#timers)
 [tutorial](cypress/component/advanced/tutorial) | A few tests adopted from [ReactJS Tutorial](https://reactjs.org/tutorial/tutorial.html)
 [portal](cypress/component/advanced/portal) | Component test for `ReactDOM.createPortal` feature
+[react-bootstrap](cypress/component/advanced/react-bootstrap) | Confirms [react-bootstrap](https://react-bootstrap.github.io/) components are working
 <!-- prettier-ignore-end -->
 
 ### Large examples

cypress/component/advanced/react-bootstrap/dropdown-spec.js

@@ -0,0 +1,37 @@
+import React from 'react'
+import { Dropdown } from 'react-bootstrap'
+import { mount } from 'cypress-react-unit-test'
+
+class UserControls extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {}
+  }
+
+  render() {
+    return (
+      <Dropdown>
+        <Dropdown.Toggle>Top Toggle</Dropdown.Toggle>
+        <Dropdown.Menu>
+          <li>First</li>
+          <li>Second</li>
+          <li>Third</li>
+        </Dropdown.Menu>
+      </Dropdown>
+    )
+  }
+}
+
+UserControls.displayName = 'UserControls'
+
+// https://github.com/bahmutov/cypress-react-unit-test/issues/99
+describe('react-bootstrap Dropdown', () => {
+  it('works', () => {
+    mount(<UserControls />, {
+      cssFile: 'node_modules/bootstrap/dist/css/bootstrap.min.css',
+    })
+    cy.contains('Top Toggle').click()
+    cy.contains('li', 'First').should('be.visible')
+    cy.get('li').should('have.length', 3)
+  })
+})

package-lock.json

@@ -63,6 +63,7 @@
     "axios": "0.18.1",
     "babel-loader": "8.0.6",
     "babel-plugin-module-resolver": "4.0.0",
+    "bootstrap": "4.4.1",
     "common-tags": "1.8.0",
     "css-loader": "2.1.1",
     "cypress": "4.5.0",
@@ -74,6 +75,7 @@
     "pretty": "2.0.0",
     "prop-types": "15.7.2",
     "react": "^16.13.1",
+    "react-bootstrap": "1.0.1",
     "react-dom": "^16.13.1",
     "react-google-maps": "9.4.5",
     "react-router": "6.0.0-alpha.1",