groupCollapsed is not available in the console polyfill when debugging in JSC (iOS) #21446
Description
Environment
React Native Environment Info:
System:
OS: macOS 10.14
CPU: x64 Intel(R) Core(TM) i7-7820HQ CPU @ 2.90GHz
Memory: 132.79 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.12.0 - ~/.nvm/versions/node/v8.12.0/bin/node
Yarn: 1.6.0 - /usr/local/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v8.12.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
Android SDK:
Build Tools: 26.0.3, 27.0.3, 28.0.2
API Levels: 21, 22, 23, 24, 25, 26, 27
IDEs:
Android Studio: 3.1 AI-173.4907809
Xcode: 10.0/10A255 - /usr/bin/xcodebuild
npmPackages:
react: 16.5.1 => 16.5.1
react-native: 0.57.1 => 0.57.1
Description
The console polyfill doesn't have the groupCollapsed function when debugging using Safari.
This makes the console log very spammy as we can't collapse any console log calls.
Reproducible Demo
- Run the hello world app for ios
react-native run-ios - Use Safari to open the JSContext for the app
- Type
console.groupCollapsedin the console and you will getundefined
Notes
- I did some digging to find the polyfill and looks like its this
react-native/Libraries/polyfills/console.js
Line 539 in 1151c09
- Some might ask, why would you want to debug using Safari instead of Chrome?
because not having to "Debug JS remotely" is crash free and much faster.