{"body":"","parents":["6d73063ddf51be3b7885d83a1a6171448492c895"],"patch":"diff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\nindex 030e995e35..8d9af3f22d 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n@@ -8,11 +8,19 @@\n *\/\n \n import * as React from 'react';\n-import {createContext, Component, Fragment, useContext} from 'react';\n+import {createContext, Component, useContext} from 'react';\n import PropTypes from 'prop-types';\n \n function someNamedFunction() {}\n \n+function formatContextForDisplay(name, value) {\n+ return (\n+

\n+ {name}:

{JSON.stringify(value, null, 2)}<\/pre>\n+    <\/li>\n+  );\n+}\n+\n const contextData = {\n   array: ['first', 'second', 'third'],\n   bool: true,\n@@ -61,7 +69,7 @@ class LegacyContextConsumer extends Component {\n   };\n \n   render() {\n-    return null;\n+    return formatContextForDisplay('LegacyContextConsumer', this.context);\n   }\n }\n \n@@ -88,34 +96,55 @@ class ModernContextType extends Component {\n   static contextType = ModernContext;\n \n   render() {\n-    return null;\n+    return formatContextForDisplay('ModernContextType', this.context);\n   }\n }\n \n function FunctionalContextConsumer() {\n-  useContext(StringContext);\n-  return null;\n+  const value = useContext(StringContext);\n+  return formatContextForDisplay('FunctionalContextConsumer', value);\n }\n \n export default function Contexts() {\n   return (\n-    \n-      \n-        \n-      <\/LegacyContextProvider>\n-      \n-        {value => null}<\/ModernContext.Consumer>\n-        \n-      <\/ModernContext.Provider>\n-      \n-      {value => null}<\/ArrayContext.Consumer>\n-      {value => null}<\/BoolContext.Consumer>\n-      {value => null}<\/FuncContext.Consumer>\n-      {value => null}<\/NumberContext.Consumer>\n-      {value => null}<\/StringContext.Consumer>\n-      {value => null}<\/SymbolContext.Consumer>\n-      {value => null}<\/NullContext.Consumer>\n-      {value => null}<\/UndefinedContext.Consumer>\n-    <\/Fragment>\n+    \n+      Contexts<\/h1>\n+      \n+        \n+          \n+        <\/LegacyContextProvider>\n+        \n+          \n+            {value => formatContextForDisplay('ModernContext.Consumer', value)}\n+          <\/ModernContext.Consumer>\n+          \n+        <\/ModernContext.Provider>\n+        \n+        \n+          {value => formatContextForDisplay('ArrayContext.Consumer', value)}\n+        <\/ArrayContext.Consumer>\n+        \n+          {value => formatContextForDisplay('BoolContext.Consumer', value)}\n+        <\/BoolContext.Consumer>\n+        \n+          {value => formatContextForDisplay('FuncContext.Consumer', value)}\n+        <\/FuncContext.Consumer>\n+        \n+          {value => formatContextForDisplay('NumberContext.Consumer', value)}\n+        <\/NumberContext.Consumer>\n+        \n+          {value => formatContextForDisplay('StringContext.Consumer', value)}\n+        <\/StringContext.Consumer>\n+        \n+          {value => formatContextForDisplay('SymbolContext.Consumer', value)}\n+        <\/SymbolContext.Consumer>\n+        \n+          {value => formatContextForDisplay('NullContext.Consumer', value)}\n+        <\/NullContext.Consumer>\n+        \n+          {value => formatContextForDisplay('UndefinedContext.Consumer', value)}\n+        <\/UndefinedContext.Consumer>\n+      <\/ul>\n+    <\/div>\n   );\n }\n","files":[{"path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js","status":"M"}],"commit":{"subject":"Improved DevTools context test harness (#19878)","shortRevision":"ded2a83ebf","authoredAt":"2020-09-21T16:39:53-04:00","authorName":"Brian Vaughn","revision":"ded2a83ebfb7d0d755b0527bb221fa1a2b19b3b8","authorEmail":"bvaughn@fb.com"}}

dillon1000/react

Files changed