extensions/interactions/MultipleChoiceInput/webdriverio.js - develop - githubmirror/oppia

extensions/interactions/MultipleChoiceInput/webdriverio.js
101 строка4 KB
Nikita Vorobev
Apply prettier 2 (#19862)
12 мар 2024, 19:39
12 мар 2024, 19:392ae9b98
// Copyright 2022 The Oppia Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

/**
 * @fileoverview End-to-end testing utilities for the Multiple Choice
 * interaction in webdriverio.
 */

var action = require(process.cwd() + '/core/tests/webdriverio_utils/action.js');
var forms = require(process.cwd() + '/core/tests/webdriverio_utils/forms.js');
// The members of richTextInstructionsArray are functions, one for each option,
// which will each be passed a 'handler' that they can use to edit the
// rich-text area of the option, for example by
//   handler.appendUnderlineText('emphasised');
var customizeInteraction = async function (elem, richTextInstructionsArray) {
  await forms.ListEditor(elem).setLength(richTextInstructionsArray.length);
  for (var i = 0; i < richTextInstructionsArray.length; i++) {
    var richTextEditor = await forms.ListEditor(elem).editItem(i, 'RichText');
    await richTextEditor.clear();
    await richTextInstructionsArray[i](richTextEditor);
  }
};

// These members of richTextInstructionsArray each describe how to check one of
// the options.
var expectInteractionDetailsToMatch = async function (
  elem,
  richTextInstructionsArray
) {
  var optionElements = await elem.$$(
    '.e2e-test-multiple-choice-option-container'
  );
  var optionsCount = optionElements.length;
  expect(optionsCount).toEqual(richTextInstructionsArray.length);
  var results = [];
  for (var i = 0; i < optionsCount; i++) {
    results.push(
      await optionElements[i].$('.e2e-test-multiple-choice-option').getText()
    );
  }
  var rteInstructionArrayCopy = [...richTextInstructionsArray];
  rteInstructionArrayCopy.sort();
  results.sort();
  expect(rteInstructionArrayCopy).toEqual(results);
};

// 'elem' is the HTML element containing the form to submit the answer to.
// 'answer' {String} is the text on the multiple-choice item to select.
var submitAnswer = async function (elem, answer) {
  var selectionInputItem = elem
    .$('oppia-interactive-multiple-choice-input')
    .$(`button=${answer}`);
  await action.click('Selection Input Item', selectionInputItem);

  var submitAnswerButton = $('.e2e-test-submit-answer-button');
  await action.click('Submit answer button', submitAnswerButton);
};

var answerObjectType = 'NonnegativeInt';

var testSuite = [
  {
    interactionArguments: [
      [
        async function (editor) {
          await editor.appendBoldText('right');
        },
        async function (editor) {
          await editor.appendItalicText('wrong1');
        },
        async function (editor) {
          await editor.appendItalicText('wrong2');
        },
        async function (editor) {
          await editor.appendItalicText('wrong3');
        },
      ],
    ],
    ruleArguments: ['Equals', ['right']],
    expectedInteractionDetails: [['right', 'wrong1', 'wrong2', 'wrong3']],
    wrongAnswers: ['wrong1', 'wrong2', 'wrong3'],
    correctAnswers: ['right'],
  },
];

exports.customizeInteraction = customizeInteraction;
exports.expectInteractionDetailsToMatch = expectInteractionDetailsToMatch;
exports.submitAnswer = submitAnswer;
exports.answerObjectType = answerObjectType;
exports.testSuite = testSuite;