extensions/rich_text_components/Workedexample/webdriverio.js - develop - githubmirror/oppia

extensions/rich_text_components/Workedexample/webdriverio.js

54 строки2 KB

Mohit Ruwatia

[GSoC 2025] M2.1 - Fix part of #19851: Created Workedexample rich text editor component (#22964)

25 июл 2025, 07:30

25 июл 2025, 07:3036e8419

// Copyright 2025 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 Utilities for using the Workedexample component during
 * end-to-end testing with WebdriverIO.js
 */

// NOTE: This is a dummy file that will be deleted once e2e tests are
// deprecated.

var forms = require(process.cwd() + '/core/tests/webdriverio_utils/forms.js');
var customizeComponent = async function (modal, heading, contentInstructions) {
  await forms
    .UnicodeEditor(await modal.$('<schema-based-unicode-editor>'))
    .setValue(heading);
  var richTextEditor = await forms.RichTextEditor(
    await modal.$('<schema-based-html-editor>')
  );
  await richTextEditor.clear();
  await contentInstructions(richTextEditor);
};

var expectComponentDetailsToMatch = async function (
  elem,
  heading,
  contentInstructions
) {
  var headerElement = elem.$('.e2e-test-collapsible-heading');
  expect(await headerElement.getText()).toMatch(heading);
  // Open the collapsible block so we can examine it.
  await headerElement.click();
  const collapsibleElem = elem.$('.e2e-test-collapsible-content');
  // The collapsible element has a built-in animation which takes time to
  // complete (even though the element exists on the page), so we need to build
  // in an explicit waiting time here.
  // eslint-disable-next-line oppia/e2e-practices
  await browser.pause(1000);
  await forms.expectRichText(collapsibleElem).toMatch(contentInstructions);
};

exports.customizeComponent = customizeComponent;
exports.expectComponentDetailsToMatch = expectComponentDetailsToMatch;