[New] Support rendering test with startingQuestionId query parameter

package.json

@@ -74,6 +74,7 @@
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.0.1",
     "prettier": "^2.0.5",
+    "query-string": "^6.13.5",
     "react": "~16.9.0",
     "react-dom": "~16.9.0",
     "style-loader": "^1.2.1",

test/rendering/TestApp.jsx

@@ -4,10 +4,25 @@ import SForms from '../../src/components/SForms';
 
 import '../../src/styles/s-forms.css';
 import 'react-datepicker/dist/react-datepicker.css';
+import queryString from 'query-string'
 
 const form1 = require('./form1.json'); // form with wizard steps
 const form2 = require('./form2.json'); // form without wizard steps (proudly assembled in Semantic Form Web Editor)
 
+const getP = (queryParameterName, defaultValue) => {
+  return {
+    [queryParameterName]: getQueryParameter(queryParameterName, defaultValue)
+  }
+}
+
+const getQueryParameter = (parameterName, defaultValue) => {
+  const value = queryString.parse(window.location.search)[parameterName];
+  if (value) {
+    return value;
+  }
+  return defaultValue;
+}
+
 class TestApp extends React.Component {
   constructor(props) {
     super(props);
@@ -41,9 +56,10 @@ class TestApp extends React.Component {
       },
       modalView: false,
       modalProps,
-      horizontalWizardNav: true,
+      horizontalWizardNav: false,
       wizardStepButtons: true,
       enableForwardSkip: true,
+      ...getP('startingQuestionId', "layout-options-65"),
       startingStep: 1
     };