Add docs to Tidelift subscription

docs/Enterprise.md

@@ -0,0 +1,39 @@
+---
+id: enterprise
+title: WebdriverIO for Enterprise
+---
+
+## Available as part of the Tidelift Subscription
+
+Tidelift is working with the maintainers of WebdriverIO and thousands of other
+open source projects to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use.
+
+#### Enterprise-ready open source software—managed for you
+The Tidelift Subscription is a managed open source subscription for application dependencies covering millions of open source projects across JavaScript, Python, Java, PHP, Ruby, .NET, and more.
+
+#### Your subscription includes:
+
+##### Security updates
+Tidelift’s security response team coordinates patches for new breaking security vulnerabilities and alerts immediately through a private channel, so your software supply chain is always secure.
+
+##### Licensing verification and indemnification
+Tidelift verifies license information to enable easy policy enforcement and adds intellectual property indemnification to cover creators and users in case something goes wrong. You always have a 100% up-to-date bill of materials for your dependencies to share with your legal team, customers, or partners.
+
+##### Maintenance and code improvement
+Tidelift ensures the software you rely on keeps working as long as you need it to work. Your managed dependencies are actively maintained and we recruit additional maintainers where required.
+
+##### Package selection and version guidance
+We help you choose the best open source packages from the start—and then guide you through updates to stay on the best releases as new issues arise.
+
+##### Roadmap input
+Take a seat at the table with the creators behind the software you use. Tidelift’s participating maintainers earn more income as their software is used by more subscribers, so they’re interested in knowing what you need.
+
+##### Tooling and cloud integration
+Tidelift works with GitHub, GitLab, BitBucket, and more. We support every cloud platform (and other deployment targets, too).
+
+The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open source you use. That means less time grappling with esoteric open source trivia, and more time building your own applications—and your business.
+
+<div class="learnmore">
+    <a class="button" href="https://tidelift.com/subscription/pkg/npm-webdriverio?utm_source=npm-webdriverio&utm_medium=referral&utm_campaign=enterprise" target="_self">Learn More</a>
+    <a class="button" href="https://tidelift.com/subscription/request-a-demo?utm_source=npm-webdriverio&utm_medium=referral&utm_campaign=enterprise" target="_self">Request a demo</a>
+</div>

packages/wdio-devtools-service/tests/gatherer/trace.test.js

@@ -228,7 +228,7 @@ test('onLoadEventFired: using min trace time', async () => {
         cancel: jest.fn()
     }
     traceGatherer.waitForMaxTimeout = jest.fn().mockReturnValue(new Promise(
-        (resolve) => setTimeout(resolve, 150)
+        (resolve) => setTimeout(() => resolve(jest.fn()), 150)
     ))
 
     const start = Date.now()

website/core/Footer.js

@@ -59,6 +59,7 @@ class Footer extends React.Component {
                     </div>
                     <div>
                         <h5>More</h5>
+                        <a href={this.props.config.baseUrl + 'docs/enterprise.html'}>Tidelift Subscription</a>
                         <a href={this.props.config.baseUrl + 'blog'}>Blog</a>
                         <a href="https://github.com/webdriverio/webdriverio">GitHub</a>
                         <a

website/i18n/en.json

@@ -392,6 +392,9 @@
       "driverbinaries": {
         "title": "Driver Binaries"
       },
+      "enterprise": {
+        "title": "WebdriverIO for Enterprise"
+      },
       "flowchartsoverview": {
         "title": "Flowcharts"
       },

website/package.json

@@ -3,7 +3,7 @@
     "examples": "docusaurus-examples",
     "start": "run-p start:*",
     "start:docusaurus": "docusaurus-start",
-    "start:css": "sass --watch ./static/styles",
+    "start:css": "sass --watch ./static/styles/index.scss:./static/css/index.css",
     "build": "run-s build:*",
     "build:css": "sass --style compressed ./static/styles/index.scss ./static/css/index.css",
     "build:docusaurus": "docusaurus-build",

website/static/styles/_components/_content.scss

@@ -177,3 +177,16 @@ img.install {
         border-top-left-radius: 0;
     }
 }
+
+.learnmore {
+    text-align: center;
+
+    a {
+        margin: 30px 20px;
+
+        &:last-child {
+            background-color: $orange;
+            color: $white;
+        }
+    }
+}

website/static/styles/_modules/_nav.scss

@@ -24,7 +24,7 @@
             padding: 5px 4px 0 2px;
             font-weight: 100;
             display: block;
-            height: 27px;
+            height: 32px;
             margin-right: 15px;
             line-height: .9em;
         }

website/static/styles/index.scss

@@ -104,3 +104,14 @@ article #flowChartGraphDiv .node polygon {
     padding-right: auto;
     text-align: center;
 }
+
+.navSearchWrapper:before {
+    height: 12px;
+    transform: translateY(-65%);
+    width: 12px;
+}
+body .reactNavSearchWrapper  input#search_input_react {
+    padding: 6px 0 6px 38px;
+    font-weight: 400;
+    font-size: 16px;
+}