Feat: raw editor ingress and egress logic (#179)

* feat: conditional rendering of olx editor.

* fix: open the raw editor if advanced is chosen

* fix: add test fix

* feat: add button to switch visual->advanced

* fix: add tests + lint for visual->advanced button

* feat: revert to advanced if parser fails

* fix: improve coverage

* feat: add confirm dialog to switch

* fix: load settings with advanced

* fix: refactor + lint fix

src/editors/containers/ProblemEditor/data/OLXParser.js

@@ -331,10 +331,16 @@ export class OLXParser {
   getProblemType() {
     const problemKeys = Object.keys(this.problem);
     const intersectedProblems = _.intersection(Object.values(ProblemTypeKeys), problemKeys);
-
     if (intersectedProblems.length === 0) {
-      return null;
+      // a blank problem is a problem which contains only `<problem></problem>` as it's olx.
+      // blank problems are not given types, so that a type may be selected.
+      if (problemKeys.length === 1 && problemKeys[0] === '#text' && this.problem[problemKeys[0]] === '') {
+        return null;
+      }
+      // if we have no matching problem type, the problem is advanced.
+      return ProblemTypeKeys.ADVANCED;
     }
+    // make sure compound problems are treated as advanced
     if (intersectedProblems.length > 1) {
       return ProblemTypeKeys.ADVANCED;
     }
@@ -369,7 +375,10 @@ export class OLXParser {
         answersObject = this.parseMultipleChoiceAnswers(ProblemTypeKeys.SINGLESELECT, 'choicegroup', 'choice');
         break;
       case ProblemTypeKeys.ADVANCED:
-        break;
+        return {
+          problemType,
+          settings: {},
+        };
       default:
         // if problem is unset, return null
         return {};

src/editors/containers/ProblemEditor/data/OLXParser.test.js

@@ -7,6 +7,8 @@ import {
   textInputWithFeedbackAndHintsOLX,
   mutlipleChoiceWithFeedbackAndHintsOLX,
   textInputWithFeedbackAndHintsOLXWithMultipleAnswers,
+  advancedProblemOlX,
+  blankProblemOLX,
 } from './mockData/olxTestData';
 import { ProblemTypeKeys } from '../../../data/constants/problem';
 
@@ -36,6 +38,16 @@ describe('Check OLXParser problem type', () => {
     const problemType = olxparser.getProblemType();
     expect(problemType).toBe(ProblemTypeKeys.TEXTINPUT);
   });
+  test('Test Advanced Problem Type', () => {
+    const olxparser = new OLXParser(advancedProblemOlX.rawOLX);
+    const problemType = olxparser.getProblemType();
+    expect(problemType).toBe(ProblemTypeKeys.ADVANCED);
+  });
+  test('Test Blank Problem Type', () => {
+    const olxparser = new OLXParser(blankProblemOLX.rawOLX);
+    const problemType = olxparser.getProblemType();
+    expect(problemType).toBe(null);
+  });
 });
 
 describe('Check OLXParser hints', () => {

src/editors/containers/ProblemEditor/data/mockData/olxTestData.js

@@ -553,3 +553,17 @@ export const numericInputWithFeedbackAndHintsOLXException = {
 </problem>
 `,
 };
+export const advancedProblemOlX = {
+  rawOLX: `<problem>
+  <formularesponse type="ci" samples="R_1,R_2,R_3@1,2,3:3,4,5#10" answer="R_1*R_2/R_3">
+      <p>You can use this template as a guide to the OLX markup to use for math expression problems. Edit this component to replace the example with your own assessment.</p>
+      <label>Add the question text, or prompt, here. This text is required. Example: Write an expression for the product of R_1, R_2, and the inverse of R_3.</label>
+      <description>You can add an optional tip or note related to the prompt like this. Example: To test this example, the correct answer is R_1*R_2/R_3</description>
+      <responseparam type="tolerance" default="0.00001"/>
+      <formulaequationinput size="40"/>
+  </formularesponse>
+</problem>`,
+};
+export const blankProblemOLX = {
+  rawOLX: '<problem></problem>',
+};