Fix types and defaults

- set Props "run" to be optional.
- fix test-utils

Author: gilbarbara

src/components/index.tsx

@@ -35,7 +35,7 @@ class Joyride extends React.Component<Props, State> {
   constructor(props: Props) {
     super(props);
 
-    const { debug, getHelpers, run, stepIndex } = props;
+    const { debug, getHelpers, run = true, stepIndex } = props;
 
     this.store = createStore({
       ...props,

src/defaults.ts

@@ -1,8 +1,8 @@
 import { noop } from '~/modules/helpers';
 
-import { Locale } from '~/types';
+import { FloaterProps, Locale, Props, Step } from '~/types';
 
-export const defaultFloaterProps = {
+export const defaultFloaterProps: FloaterProps = {
   options: {
     preventOverflow: {
       boundariesElement: 'scrollParent',
@@ -43,7 +43,7 @@ export const defaultStep = {
   showSkipButton: false,
   spotlightClicks: false,
   spotlightPadding: 10,
-};
+} satisfies Omit<Step, 'content' | 'target'>;
 
 export const defaultProps = {
   continuous: false,
@@ -64,4 +64,4 @@ export const defaultProps = {
   spotlightClicks: false,
   spotlightPadding: 10,
   steps: [],
-};
+} satisfies Props;

src/types/components.ts

@@ -178,7 +178,7 @@ export type Props = Simplify<
      * Run/stop the tour.
      * @default true
      */
-    run: boolean;
+    run?: boolean;
     /**
      * The duration for scroll to element.
      * @default 300
@@ -378,3 +378,5 @@ export type TooltipRenderProps = Simplify<
     };
   }
 >;
+
+export type { Props as FloaterProps } from 'react-floater';

test/__fixtures__/test-utils.ts

@@ -6,7 +6,6 @@ import {
   queryHelpers,
   render,
   RenderOptions,
-  screen,
   within,
 } from '@testing-library/react';
 
@@ -41,7 +40,7 @@ const allQueries = {
   ...customQueries,
 };
 
-const customScreen = { ...screen, ...within(document.body, allQueries) };
+const customScreen = within(document.body, allQueries);
 const customWithin = (element: HTMLElement) => within(element, allQueries);
 const customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>) =>
   render(ui, { queries: allQueries, ...options });