enable horizontal scrolling for request and response

Author: MykolaGolubyev

webtau-reactjs/src/index.js

@@ -22,6 +22,10 @@ import Report from './report/Report'
 
 import './index.css'
 
+if (process.env.NODE_ENV !== "production") {
+    global.testReport = require('./test-data/testData').report
+}
+
 global.WebTauReport = WebTauReport
 
 global.renderReport = () => {

webtau-reactjs/src/report/details/http/HttpCallDetails.css

@@ -42,6 +42,11 @@
     padding: 15px;
 }
 
+.http-call-details-request-details,
+.http-call-details-response-details {
+    overflow-x: auto;
+}
+
 .http-call-details-mismatches,
 .http-call-details-error-message {
     font-family: var(--webtau-monospace-font);

webtau-reactjs/src/report/details/http/TestHttpCalls.css

@@ -20,6 +20,11 @@
     grid-column-gap: 20px;
 }
 
+.test-http-call-details .request-response > .request,
+.test-http-call-details .request-response > .response {
+    overflow-x: auto;
+}
+
 .test-http-call {
     cursor: pointer;
 }

webtau-reactjs/src/test-data/deepNestedJson.js

@@ -0,0 +1,101 @@
+/*
+ * Copyright 2018 TWO SIGMA OPEN SOURCE, LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export default {
+    person: {
+        firstName: {
+            firstNamePartOne: {
+                nestedSubPartOne: {
+                    nestedNestedSubPartOne: {
+                        subNested: {
+                            firstName: {
+                                firstNamePartOne: {
+                                    nestedSubPartOne: {
+                                        nestedNestedSubPartOne: {
+                                            subNested: {
+                                                firstName: {
+                                                    firstNamePartOne: {
+                                                        nestedSubPartOne: {
+                                                            nestedNestedSubPartOne: {
+                                                                subNested: {
+                                                                    firstName: {
+                                                                        firstNamePartOne: {
+                                                                            nestedSubPartOne: {
+                                                                                nestedNestedSubPartOne: {
+                                                                                    subNested: {
+                                                                                        person: {
+                                                                                            firstName: {
+                                                                                                firstNamePartOne: {
+                                                                                                    nestedSubPartOne: {
+                                                                                                        nestedNestedSubPartOne: {
+                                                                                                            subNested: {
+                                                                                                                firstName: {
+                                                                                                                    firstNamePartOne: {
+                                                                                                                        nestedSubPartOne: {
+                                                                                                                            nestedNestedSubPartOne: {
+                                                                                                                                subNested: {
+                                                                                                                                    firstName: {
+                                                                                                                                        firstNamePartOne: {
+                                                                                                                                            nestedSubPartOne: {
+                                                                                                                                                nestedNestedSubPartOne: {
+                                                                                                                                                    subNested: {
+                                                                                                                                                        firstName: {
+                                                                                                                                                            firstNamePartOne: {
+                                                                                                                                                                nestedSubPartOne: {
+                                                                                                                                                                    nestedNestedSubPartOne: {
+                                                                                                                                                                        subNested: {}
+                                                                                                                                                                    }
+                                                                                                                                                                }
+                                                                                                                                                            }
+                                                                                                                                                        }
+                                                                                                                                                    }
+                                                                                                                                                }
+                                                                                                                                            }
+                                                                                                                                        }
+                                                                                                                                    }
+                                                                                                                                }
+                                                                                                                            }
+                                                                                                                        }
+                                                                                                                    }
+                                                                                                                }
+                                                                                                            }
+                                                                                                        }
+                                                                                                    }
+                                                                                                }
+                                                                                            }
+                                                                                        }
+                                                                                    }
+                                                                                }
+                                                                            }
+                                                                        }
+                                                                    }
+                                                                }
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}