correct prop names for innerStyle and innerTag

Author: jscottsmith

src/components/Parallax/index.test.tsx

@@ -11,8 +11,6 @@ import { ParallaxProvider } from '../ParallaxProvider';
 import { MockProvider } from '../../testUtils/MockProvider';
 import expectRenderError from '../../testUtils/expectRenderError';
 
-const consoleLog = global.console.log;
-
 describe('Expect the <Parallax> component', () => {
   const preventError = (e: ErrorEvent) => e.preventDefault();
 
@@ -21,11 +19,6 @@ describe('Expect the <Parallax> component', () => {
   });
 
   afterEach(() => {
-    global.console.log = consoleLog;
-    // NOTE: this can probably be removed now
-    // @ts-ignore
-    global.ParallaxController = undefined;
-
     window.removeEventListener('error', preventError);
   });
 
@@ -34,22 +27,24 @@ describe('Expect the <Parallax> component', () => {
       <ParallaxProvider>
         <Parallax
           className="class-foo"
+          innerClassName="class-foo"
           disabled={false}
           translateX={[-100, 100]}
           translateY={['-100%', '100%']}
           style={{
             border: 'solid red 2px',
           }}
-          styleInner={{
-            border: 'solid blue 2px',
+          innerStyle={{
+            border: 'solid blue 23px',
           }}
           tag="figure"
-          tagInner="div"
+          innerTag="div"
         >
           <div className="foo" />
         </Parallax>
       </ParallaxProvider>
     );
+
     expect(asFragment()).toMatchSnapshot();
   });
 

src/components/Parallax/index.tsx

@@ -113,14 +113,14 @@ export function Parallax(props: PropsWithChildren<ParallaxProps>) {
   ]);
 
   const Outer = props.tag;
-  const Inner = props.tagInner;
+  const Inner = props.innerTag;
 
   return (
     <Outer className={props.className} ref={refOuter} style={props.style}>
       <Inner
         className={props.innerClassName}
         ref={refInner}
-        style={props.styleInner}
+        style={props.innerStyle}
       >
         {props.children}
       </Inner>
@@ -130,6 +130,6 @@ export function Parallax(props: PropsWithChildren<ParallaxProps>) {
 
 Parallax.defaultProps = {
   disabled: false,
-  tagInner: 'div',
+  innerTag: 'div',
   tag: 'div',
 };

src/components/Parallax/types.ts

@@ -21,15 +21,15 @@ export interface ParallaxProps extends ParallaxElementConfig {
   /**
    * Style object to be added to the innermost parallax element.
    */
-  styleInner?: any;
+  innerStyle?: any;
   /**
    * Style object to be added to the outermost parallax element.
    */
   style?: any;
   /**
    * HTML element tag name to be applied to the innermost parallax element.
    */
-  tagInner?: any;
+  innerTag?: any;
   /**
    * HTML element tag name to be applied to the outermost parallax element.
    */

src/components/ParallaxBanner/index.tsx

@@ -73,7 +73,7 @@ export const ParallaxBanner = ({
             <Parallax
               key={`layer-${i}`}
               speed={speed}
-              styleInner={absoluteStyle}
+              innerStyle={absoluteStyle}
               style={absoluteStyle}
               disabled={disabled}
             >