Method addBlockly

app/views/artisans/BlockTestingView.js:189–309

({ testCase, testContainer, inputAce, outputAce })

    }

    addBlockly ({ testCase, testContainer, inputAce, outputAce }) {
      // Initialize Blockly
      const testBlockly = { loaded: false, loading: false, div: testContainer.find('.blockly-container')[0] }
      testBlockly.load = () => {
        const toolbox = blocklyUtils.createBlocklyToolbox({ propertyEntryGroups, codeLanguage: testCase.codeLanguage, codeFormat: 'blocks-text' })
        const blocklyOptions = blocklyUtils.createBlocklyOptions({ toolbox, codeLanguage: testCase.codeLanguage, codeFormat: 'blocks-text', renderer: 'thrasos', product: 'codecombat' })
        testBlockly.workspace = Blockly.inject(testBlockly.div, blocklyOptions)
        this.blocklyWorkspaces.push(testBlockly.workspace)
        testBlockly.loading = true
        testBlockly.workspace.addChangeListener((event) => {
          if (event.type === Blockly.Events.FINISHED_LOADING) {
            testBlockly.loading = false
            testBlockly.loaded = true
          } else if (testBlockly.loading) {
            return
          } else if (!blocklyUtils.blocklyMutationEvents.includes(event.type)) {
            return
          }
          // Blockly -> output ace
          // TODO: make sure it's the kind of change we want to do, we don't fire multiple changes for same source?
          const { blocklyState, blocklySource } = blocklyUtils.getBlocklySource(testBlockly.workspace, { codeLanguage: testCase.codeLanguage, product: 'codecombat' })
          console.log('New blockly state for', testCase.name, 'is', blocklyState)
          outputAce.setValue(blocklySource)
          outputAce.clearSelection()
          const inputSource = inputAce.getValue()
          if (inputSource === testCase.code) {
            let status = 'success'
            let reason = 'matched'
            const normalizeCode = (s) => {
              return s
                .replace(/"/g, '\'') // Treat single and double quotes the same
                .replace(/\\'/g, '\'') // Ignore escapes of single quotes, from above step
                .replace(/^(let|const) /gm, 'var ') // Treat var, let, and const the same
                .replace(/(\n *\n *)(\n *)+/g, '$1') // Ignore more than 2 newlines in a row
                .replace(/!==/g, '!=') // Ignore !== vs. !=
                .replace(/===/g, '==') // Ignore !== vs. !=
                .replace(/ +(\/\/|#|--) .*?[Δ∆].*$/gm, '') // Ignore in-line comments with deltas
                .replace(/;\n/g, '\n') // Ignore trailing semicolons
                .replace(/;\n +(\/\/|#|--).*?$/gm, '\n') // Ignore trailing semicolons before comments
                .replace(/;$/g, '') // Ignore trailing semicolons at end of program
                .replace(/(while|if|for|function) \(/g, '$1(') // Ignore space between keyword and opening parenthesis
                .replace(/( *(\/\/|#|--).*?) +$/gm, '$1') // Ignore trailing spaces after code comments
                .trim()
            }
            // console.log('--------------------\n', normalizeCode(blocklySource), '\n================\n', normalizeCode(testCase.code), '\n++++++++++++++++++++++++')
            if (normalizeCode(blocklySource) !== normalizeCode(testCase.code)) {
              status = 'failure'
              reason = 'code-mismatch'
            } else if (blocklyUtils.blocklyStateIncludesBlockType(blocklyState, 'raw_code') || blocklyUtils.blocklyStateIncludesBlockType(blocklyState, 'raw_code_value')) {
              status = 'failure'
              reason = 'raw-code'
            }
            const result = { state: blocklyState, inputState: testCase.inputBlocklyState, outputCode: blocklySource, status, reason }
            storage.save(`blockly-test-from-code_${testCase.key}_${hashString(testCase.code)}`, result)
            testCase.status = status
            testCase.reason = reason
            testContainer.addClass(testCase.status)
            testContainer.find('.test-status').text(`${testCase.status} - ${testCase.reason}`) // TODO: dedupe