		@@ -7,2 +7,10 @@ Changelog

		3.28.0 - (November 9, 2018)
		------------------
		### Added
		* data-terra-base attribute added to Base component

		### Changed
		* Restructured theme tests into a separate file

		3.27.0 - (October 24, 2018)
		@@ -9,0 +17,0 @@ ------------------

lib/Base.js

		@@ -131,3 +131,3 @@ 'use strict';
		'div',
		customProps,
		_extends({}, customProps, { 'data-terra-base': true }),
		renderChildren
		@@ -144,3 +144,3 @@ );
		_terraI18n.I18nProvider,
		_extends({}, customProps, { locale: this.state.locale, messages: messages }),
		_extends({}, customProps, { locale: this.state.locale, messages: messages, 'data-terra-base': true }),
		renderChildren
		@@ -147,0 +147,0 @@ );

package.json

		{
		"name": "terra-base",
		"main": "lib/Base.js",
		"version": "3.27.0",
		"version": "3.28.0",
		"description": "The base component sets minimal global styles for an application.",
		@@ -30,4 +30,4 @@ "repository": {
		"prop-types": "^15.5.8",
		"terra-doc-template": "^1.19.0",
		"terra-i18n": "^2.26.0"
		"terra-doc-template": "^1.20.0",
		"terra-i18n": "^2.27.0"
		},
		@@ -34,0 +34,0 @@ "scripts": {

src/Base.jsx

		@@ -90,3 +90,3 @@ import React from 'react';
		return (
		<div {...customProps}>
		<div {...customProps} data-terra-base>
		{renderChildren}
		@@ -98,3 +98,3 @@ </div>);
		return (
		<I18nProvider {...customProps} locale={this.state.locale} messages={messages}>
		<I18nProvider {...customProps} locale={this.state.locale} messages={messages} data-terra-base>
		{renderChildren}
		@@ -101,0 +101,0 @@ </I18nProvider>

tests/wdio/base-spec.js

		@@ -29,35 +29,2 @@ /* global $ */
		});

		describe('Background color', () => {
		before(() => browser.url('/#/raw/tests/terra-base/base/default-base'));

		Terra.should.themeEachCustomProperty(
		'#root',
		{
		'--terra-base-background-color': 'red',
		},
		);
		});

		describe('Background image', () => {
		before(() => browser.url('/#/raw/tests/terra-base/base/default-base'));

		Terra.should.themeCombinationOfCustomProperties({
		testName: 'Background Image',
		properties: {
		'--terra-base-background-image': 'url("https://github.com/cerner/terra-core/raw/master/terra.png")',
		'--terra-base-background-repeat': 'no-repeat',
		'--terra-base-background-size': '100%',
		'--terra-base-background-position': 'top 70px left 45px',
		'--terra-base-background-attachment': 'fixed',
		},
		selector: '#root',
		});

		it('should scroll to the bottom', () => {
		browser.moveToObject('#bottom');
		});

		Terra.should.matchScreenshot('scrolled down', { selector: '#bottom-section' });
		});
		});

terra-base - npm Package Compare versions

New alerts