Socket
Socket
Sign inDemoInstall

react-inspector

Package Overview
Dependencies
Maintainers
3
Versions
41
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-inspector - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

4

lib/object/ObjectName.js

@@ -41,5 +41,7 @@ 'use strict';

var themeStyles = (0, _createStyles2.default)('ObjectName', theme);
var appliedStyles = (0, _extends3.default)({}, themeStyles.base, dimmed ? themeStyles['dimmed'] : {}, styles);
return _react2.default.createElement(
'span',
{ style: (0, _extends3.default)({}, themeStyles.base, dimmed && styles.dimmed, styles) },
{ style: appliedStyles },
name

@@ -46,0 +48,0 @@ );

@@ -23,4 +23,14 @@ 'use strict';

var _chromeLight = require('../styles/themes/chromeLight');
var _chromeLight2 = _interopRequireDefault(_chromeLight);
var _base = require('../styles/base');
var _base2 = _interopRequireDefault(_base);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var defaultTheme = (0, _base2.default)(_chromeLight2.default);
var renderer = _reactAddonsTestUtils2.default.createRenderer();

@@ -40,2 +50,23 @@

it('should apply default theme', function () {
renderer.render(_react2.default.createElement(_ObjectName2.default, { name: 'testvalue' }));
var tree = renderer.getRenderOutput();
(0, _expect2.default)(tree.props.style).toInclude(defaultTheme.ObjectName.base);
});
it('should apply dimming if `dimmed` prop is true', function () {
renderer.render(_react2.default.createElement(_ObjectName2.default, { name: 'testvalue', dimmed: true }));
var tree = renderer.getRenderOutput();
(0, _expect2.default)(tree.props.style).toInclude(defaultTheme.ObjectName.dimmed);
});
it('should not apply dimming if `dimmed` prop is false', function () {
renderer.render(_react2.default.createElement(_ObjectName2.default, { name: 'testvalue', dimmed: false }));
var tree = renderer.getRenderOutput();
(0, _expect2.default)(tree.props.style).toExclude(defaultTheme.ObjectName.dimmed);
});
it('Accepts and applies additional `style` prop', function () {

@@ -42,0 +73,0 @@ // Test that a custom `style` props is passed and applied to <span/>

@@ -69,3 +69,4 @@ 'use strict';

sortColumn: undefined, // which column is sorted?
sortAscending: false };
sortAscending: false // is sorting ascending or descending?
};
return _this;

@@ -72,0 +73,0 @@ }

@@ -122,3 +122,4 @@ 'use strict';

nodeRenderer: nodeRenderer
}, props)));
}, props)) // props for nodeRenderer
);
}

@@ -125,0 +126,0 @@ } catch (err) {

{
"name": "react-inspector",
"version": "2.1.0",
"version": "2.1.1",
"description": "Power of Browser DevTools inspectors right inside your React app",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc