@kbss-cvut/s-forms 0.4.1 → 0.4.2-alpha-f760ea7.0

package/test/__tests__/MaskedInputAnswer.test.js

@@ -1,90 +0,0 @@
-import React from "react";
-import JsonLdUtils from "jsonld-utils";
-
-import Answer from "../../src/components/Answer";
-import Constants from "../../src/constants/Constants";
-import * as Generator from "../environment/Generator";
-import { ConfigurationContext } from "../../src/contexts/ConfigurationContext";
-import DefaultInput from "../../src/components/DefaultInput";
-
-describe("MaskedInputAnswer", () => {
-  let question, onChange, options, inputComponent, componentsOptions;
-
-  beforeEach(() => {
-    question = {};
-    onChange = jest.fn();
-    options = {
-      intl: {
-        locale: "en",
-      },
-    };
-    componentsOptions = {
-      readOnly: false,
-      dateTimeAnswer: {
-        dateFormat: "yyyy-MM-dd",
-        timeFormat: "HH:mm:ss",
-        dateTimeFormat: "yyyy-MM-dd HH:mm:ss",
-      },
-    };
-    inputComponent = DefaultInput;
-  });
-
-  it("renders a regular input when question contains no mask", () => {
-    const value = "08/2016";
-    const answer = {
-      "@id": Generator.getRandomUri(),
-    };
-
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[JsonLdUtils.RDFS_LABEL] = "Test";
-    question[Constants.LAYOUT_CLASS] = [Constants.LAYOUT.MASKED_INPUT];
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("input");
-
-    expect(input.props().value).toEqual(value);
-  });
-
-  it("render disabled masked input with value when disabled layout class is specified", () => {
-    const value = "08/2016";
-    const mask = "11/1111";
-    const answer = {
-      "@id": Generator.getRandomUri(),
-    };
-    answer[Constants.HAS_DATA_VALUE] = value;
-    question[Constants.HAS_ANSWER] = [answer];
-    question[JsonLdUtils.RDFS_LABEL] = "Test";
-    question[Constants.INPUT_MASK] = mask;
-    question[Constants.LAYOUT_CLASS] = [
-      Constants.LAYOUT.MASKED_INPUT,
-      Constants.LAYOUT.DISABLED,
-    ];
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Answer answer={answer} question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const input = component.find("input");
-
-    expect(input.props().value).toEqual(value);
-    expect(input.props().disabled).toBeTruthy();
-  });
-});

package/test/__tests__/Question.test.js

@@ -1,102 +0,0 @@
-import React from "react";
-import { Card, Accordion } from "react-bootstrap";
-import JsonLdUtils from "jsonld-utils";
-
-import Constants from "../../src/constants/Constants";
-import Question from "../../src/components/Question";
-import { ConfigurationContext } from "../../src/contexts/ConfigurationContext";
-import DefaultInput from "../../src/components/DefaultInput";
-
-describe("Question", () => {
-  let question, onChange, options, inputComponent, componentsOptions;
-
-  beforeEach(() => {
-    question = {
-      "@id":
-        "http://onto.fel.cvut.cz/ontologies/eccairs/model/instance#instance-1223764187-q",
-      "@type": "doc:question",
-      "http://onto.fel.cvut.cz/ontologies/documentation/has_answer": {
-        "@id":
-          "http://onto.fel.cvut.cz/ontologies/eccairs/model/instance#instance-636079211-a",
-        "http://onto.fel.cvut.cz/ontologies/documentation/has_data_value":
-          "test",
-      },
-      "http://onto.fel.cvut.cz/ontologies/form/has-origin-type":
-        "http://onto.fel.cvut.cz/ontologies/eccairs/aviation-3.4.0.2/a-453",
-      "http://onto.fel.cvut.cz/ontologies/form/has-template-origin":
-        "http://onto.fel.cvut.cz/ontologies/eccairs/model/instance#instance-1223764187",
-      "http://onto.fel.cvut.cz/ontologies/form/has-template":
-        "http://onto.fel.cvut.cz/ontologies/eccairs/aviation-3.4.0.2/a-453-qt",
-      "http://www.w3.org/2000/01/rdf-schema#comment": {
-        "@language": "en",
-        "@value":
-          "The identification of the entity or organisation that is responsible for the report.",
-      },
-      "http://www.w3.org/2000/01/rdf-schema#label": {
-        "@language": "en",
-        "@value": "453 - Responsible entity",
-      },
-    };
-    onChange = jest.fn();
-    options = {
-      intl: {
-        locale: "en",
-      },
-      i18n: {},
-    };
-    componentsOptions = {
-      readOnly: false,
-      dateTimeAnswer: {
-        dateFormat: "yyyy-MM-dd",
-        timeFormat: "HH:mm:ss",
-        dateTimeFormat: "yyyy-MM-dd HH:mm:ss",
-      },
-    };
-    inputComponent = DefaultInput;
-  });
-
-  it("renders section collapsed when layout class is set to collapsed", () => {
-    question[Constants.LAYOUT_CLASS] = [
-      Constants.LAYOUT.QUESTION_SECTION,
-      Constants.LAYOUT.COLLAPSED,
-    ];
-
-    const result = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Question question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const card = result.find(Accordion);
-    const label = JsonLdUtils.getLocalized(
-      question[JsonLdUtils.RDFS_LABEL],
-      options.intl
-    );
-
-    expect(card.prop("defaultActiveKey")).toBe(label);
-  });
-
-  it("renders section by default expanded", () => {
-    question[Constants.LAYOUT_CLASS] = [Constants.LAYOUT.QUESTION_SECTION];
-
-    const result = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions,
-          inputComponent,
-          options,
-        }}
-      >
-        <Question question={question} onChange={onChange} />
-      </ConfigurationContext.Provider>
-    );
-    const card = result.find(Card);
-
-    expect(card.prop("defaultActiveKey")).toBe(undefined);
-  });
-});

package/test/__tests__/QuestionAnswerProcessor.test.js

@@ -1,183 +0,0 @@
-import JsonLdUtils from "jsonld-utils";
-
-import Constants from "../../src/constants/Constants";
-import * as Generator from "../environment/Generator";
-import QuestionAnswerProcessor from "../../src/model/QuestionAnswerProcessor";
-
-describe("Question answer processor", () => {
-  it("transforms answers for a question", () => {
-    const question = {};
-    generateAnswers(question);
-    const result =
-      QuestionAnswerProcessor.processQuestionAnswerHierarchy(question);
-    verifyAnswers(question, result);
-  });
-
-  function generateAnswers(question) {
-    question[Constants.HAS_ANSWER] = [];
-    for (let i = 0; i < Generator.getRandomPositiveInt(1, 5); i++) {
-      const codeValue = Generator.getRandomBoolean();
-      const answer = {};
-      answer["@id"] = Generator.getRandomUri();
-      answer[Constants.HAS_ANSWER_ORIGIN] = Generator.getRandomUri();
-      if (codeValue) {
-        answer[Constants.HAS_OBJECT_VALUE] = {
-          "@id": Generator.getRandomUri(),
-        };
-      } else {
-        answer[Constants.HAS_DATA_VALUE] = {
-          "@value": i,
-        };
-      }
-      question[Constants.HAS_ANSWER].push(answer);
-    }
-  }
-
-  function verifyAnswers(expectedQuestion, actualQuestion) {
-    if (!expectedQuestion[Constants.HAS_ANSWER]) {
-      return;
-    }
-    expect(actualQuestion.answers).toBeDefined();
-    expect(actualQuestion.answers.length).toEqual(
-      expectedQuestion[Constants.HAS_ANSWER].length
-    );
-
-    for (let i = 0; i < actualQuestion.answers.length; i++) {
-      expect(actualQuestion.answers[i].uri).toEqual(
-        expectedQuestion[Constants.HAS_ANSWER][i]["@id"]
-      );
-
-      if (expectedQuestion[Constants.HAS_ANSWER][i][Constants.HAS_DATA_VALUE]) {
-        expect(actualQuestion.answers[i].textValue).toEqual(
-          expectedQuestion[Constants.HAS_ANSWER][i][Constants.HAS_DATA_VALUE][
-            "@value"
-          ]
-        );
-      } else {
-        expect(actualQuestion.answers[i].codeValue).toEqual(
-          expectedQuestion[Constants.HAS_ANSWER][i][Constants.HAS_OBJECT_VALUE][
-            "@id"
-          ]
-        );
-      }
-    }
-  }
-
-  it("transforms hierarchy of questions and answers", () => {
-    const question = generateQuestions();
-    const result =
-      QuestionAnswerProcessor.processQuestionAnswerHierarchy(question);
-
-    verifyQuestions(question, result);
-  });
-
-  function generateQuestions() {
-    const question = {};
-    question["@id"] = Generator.getRandomUri();
-    question[Constants.RDFS_LABEL] = "Test0";
-    question[Constants.RDFS_COMMENT] = "Test0 Comment";
-    question[Constants.HAS_QUESTION_ORIGIN] = Generator.getRandomUri();
-    question[Constants.HAS_SUBQUESTION] = [];
-    for (let i = 0; i < Generator.getRandomPositiveInt(1, 5); i++) {
-      question[Constants.HAS_SUBQUESTION].push(generateSubQuestions(0, 5));
-    }
-    return question;
-  }
-
-  function generateSubQuestions(depth, maxDepth) {
-    const question = {};
-    question["@id"] = Generator.getRandomUri();
-    question[Constants.HAS_QUESTION_ORIGIN] = Generator.getRandomUri();
-    question[Constants.RDFS_LABEL] = "Test" + Generator.getRandomInt();
-    question[Constants.RDFS_COMMENT] = "Test Comment";
-    if (depth < maxDepth) {
-      question[Constants.HAS_SUBQUESTION] = [];
-      for (let i = 0; i < Generator.getRandomPositiveInt(1, 5); i++) {
-        question[Constants.HAS_SUBQUESTION].push(
-          generateSubQuestions(depth + 1, maxDepth)
-        );
-      }
-    }
-    generateAnswers(question);
-    return question;
-  }
-
-  function verifyQuestions(expected, actual) {
-    expect(actual.uri).toEqual(expected["@id"]);
-    verifyAnswers(expected, actual);
-    if (expected[Constants.HAS_SUBQUESTION]) {
-      expect(actual.subQuestions).toBeDefined();
-      expect(actual.subQuestions.length).toEqual(
-        expected[Constants.HAS_SUBQUESTION].length
-      );
-      for (let i = 0; i < actual.subQuestions.length; i++) {
-        verifyQuestions(
-          expected[Constants.HAS_SUBQUESTION][i],
-          actual.subQuestions[i]
-        );
-      }
-    }
-  }
-
-  it("Stores origin of questions", () => {
-    const question = generateQuestions();
-    const result =
-      QuestionAnswerProcessor.processQuestionAnswerHierarchy(question);
-
-    verifyPresenceOfQuestionOrigin(question, result);
-  });
-
-  function verifyPresenceOfQuestionOrigin(expected, actual) {
-    expect(actual.origin).toBeDefined();
-    expect(actual.origin).toEqual(expected[Constants.HAS_QUESTION_ORIGIN]);
-    if (expected[Constants.HAS_SUBQUESTION]) {
-      for (let i = 0; i < actual.subQuestions.length; i++) {
-        verifyQuestions(
-          expected[Constants.HAS_SUBQUESTION][i],
-          actual.subQuestions[i]
-        );
-      }
-    }
-  }
-
-  it("Stores origin of answers", () => {
-    const question = {};
-    generateAnswers(question);
-    const result =
-      QuestionAnswerProcessor.processQuestionAnswerHierarchy(question);
-    verifyPresenceOfAnswerOrigin(question, result);
-  });
-
-  function verifyPresenceOfAnswerOrigin(actualQuestion, expectedQuestion) {
-    if (!expectedQuestion[Constants.HAS_ANSWER]) {
-      return;
-    }
-    expect(actualQuestion.answers).toBeDefined();
-    expect(actualQuestion.answers.length).toEqual(
-      expectedQuestion[Constants.HAS_ANSWER].length
-    );
-    for (let i = 0; i < actualQuestion.answers.length; i++) {
-      expect(actualQuestion.answers[i].origin).toEqual(
-        expectedQuestion[Constants.HAS_ANSWER][i][Constants.HAS_ANSWER_ORIGIN]
-      );
-    }
-  }
-
-  it("builds QAM from the specified questions and answers, including form root", () => {
-    const data = {
-      root: {},
-    };
-    const questions = [generateQuestions()];
-    data.root["@id"] = Generator.getRandomUri();
-    data.root[Constants.HAS_QUESTION_ORIGIN] = Generator.getRandomUri();
-
-    const result = QuestionAnswerProcessor.buildQuestionAnswerModel(
-      data,
-      questions
-    );
-    expect(result.uri).toEqual(data.root["@id"]);
-    expect(result.origin).toEqual(data.root[Constants.HAS_QUESTION_ORIGIN]);
-    expect(result.subQuestions.length).toEqual(1);
-    verifyQuestions(questions[0], result.subQuestions[0]);
-  });
-});

package/test/__tests__/QuestionCommentIcon.test.js

@@ -1,77 +0,0 @@
-import React from "react";
-import QuestionCommentIcon from "../../src/components/comment/QuestionCommentIcon";
-import { cleanup, render } from "@testing-library/react";
-import { composeStories } from "@storybook/testing-react";
-import { fireEvent } from "@storybook/testing-library";
-import { expect } from "@storybook/jest";
-
-import * as stories from "../../src/stories/QuestionCommentIcon.stories";
-
-describe("QuestionCommentIcon", () => {
-  afterEach(() => {
-    cleanup();
-  });
-
-  const { Default, WithComment } = composeStories(stories);
-
-  it("should have empty comment list", async () => {
-    const component = render(<Default {...Default.args} />);
-
-    fireEvent.click(component.container.querySelector(".comment-bubble"));
-    await expect(component.queryByRole("tooltip")).toBeInTheDocument();
-    await expect(component.queryByText("Comment")).not.toBeInTheDocument();
-  });
-
-  it("should have two comments", async () => {
-    const component = render(<WithComment {...WithComment.args} />);
-
-    fireEvent.click(component.container.querySelector(".comment-bubble"));
-    await expect(component.queryByRole("tooltip")).toBeInTheDocument();
-    const comments = await component.findAllByText("Comment");
-    await expect(comments).toHaveLength(2);
-  });
-
-  it("should show link icon when hover author comment", async () => {
-    const component = render(<WithComment {...WithComment.args} />);
-
-    fireEvent.click(component.container.querySelector(".comment-bubble"));
-    const authors = await component.queryAllByText("Unknown author");
-    const author = authors[0];
-
-    await expect(component.queryByRole("link")).not.toBeInTheDocument();
-    fireEvent.mouseOver(author);
-    await expect(component.queryByRole("link")).toBeInTheDocument();
-  });
-
-  it("should delete comment when click on recycle bin", async () => {
-    const component = render(<WithComment {...WithComment.args} />);
-
-    fireEvent.click(component.container.querySelector(".comment-bubble"));
-    const authors = await component.queryAllByText("Unknown author");
-    const author = authors[0];
-
-    await expect(
-      component.container.querySelector(".comment-delete")
-    ).not.toBeInTheDocument();
-    fireEvent.mouseOver(author);
-    await expect(
-      component.container.querySelector(".comment-delete")
-    ).toBeInTheDocument();
-    await expect(
-      component.queryByTestId("rings-loading")
-    ).not.toBeInTheDocument();
-    fireEvent.click(component.container.querySelector(".comment-delete"));
-    await expect(component.queryByTestId("rings-loading")).toBeInTheDocument();
-    await new Promise((resolve) => {
-      setTimeout(() => {
-        console.log("time is up");
-        resolve();
-      }, 2000);
-    });
-    await expect(
-      component.queryByTestId("rings-loading")
-    ).not.toBeInTheDocument();
-    const comments = await component.findAllByText("Comment");
-    await expect(comments).toHaveLength(1);
-  });
-});

package/test/__tests__/TypeheadAnswer.test.js

@@ -1,102 +0,0 @@
-import React from "react";
-import JsonLdUtils from "jsonld-utils";
-
-import * as Generator from "../environment/Generator";
-import Constants from "../../src/constants/Constants";
-import TypeaheadAnswer from "../../src/components/answer/TypeaheadAnswer";
-import { FormGenContext } from "../../src/contexts/FormGenContext";
-import { ConfigurationContext } from "../../src/contexts/ConfigurationContext";
-import DefaultInput from "../../src/components/DefaultInput";
-
-describe("TypeaheadAnswer", () => {
-  let question;
-  let onChange;
-  let loadFormOptions;
-  let getOptions;
-
-  beforeEach(() => {
-    question = {
-      "@id": Generator.getRandomUri(),
-    };
-    question[Constants.LAYOUT_CLASS] = [];
-    question[Constants.RDFS_LABEL] = {
-      "@language": "en",
-      "@value": "1 - Aerodrome General",
-    };
-    question[Constants.RDFS_COMMENT] = {
-      "@language": "en",
-      "@value":
-        "The identification of the aerodrome/helicopter landing area by name, location and status.",
-    };
-    onChange = jest.fn();
-    loadFormOptions = jest.fn();
-    getOptions = jest.fn(() => [
-      {
-        id: "123",
-        name: "123",
-      },
-    ]);
-  });
-
-  it("orders options using partial ordering with alphabetical ordering", () => {
-    // create options
-    const options = createOptionsWithPartialOrder(
-      ["3", "2", "1", "before2"],
-      ["before2<2"]
-    );
-    const query = "SELECT * WHERE { ?x ?y ?z .}";
-
-    question[Constants.LAYOUT_CLASS].push(Constants.LAYOUT.QUESTION_TYPEAHEAD);
-    question[Constants.HAS_OPTIONS_QUERY] = query;
-
-    const component = mount(
-      <ConfigurationContext.Provider
-        value={{
-          componentsOptions: { readOnly: false },
-          inputComponent: DefaultInput,
-          options: {
-            intl: {
-              locale: "en",
-            },
-          },
-        }}
-      >
-        <FormGenContext.Provider value={{ getOptions, loadFormOptions }}>
-          <TypeaheadAnswer
-            answer={{}}
-            question={question}
-            onChange={onChange}
-            label="TestLabel"
-            options={options}
-          />
-        </FormGenContext.Provider>
-      </ConfigurationContext.Provider>
-    );
-
-    waitForComponentToPaint(component);
-
-    const select = component.find(TypeaheadAnswer);
-    expect(select).not.toBeNull();
-    let optionArray = [];
-    select.prop("options").forEach((i) => {
-      optionArray.push(i["@id"]);
-    });
-    expect(optionArray).toEqual(["1", "before2", "2", "3"]);
-  });
-
-  function createOptionsWithPartialOrder(ids, orderingRules) {
-    let options = ids.map((i) => {
-      let obj = { "@id": i };
-      obj[JsonLdUtils.RDFS_LABEL] = i + ". value";
-      return obj;
-    });
-    orderingRules.forEach((rule) => {
-      const firstId = rule.substring(0, rule.indexOf("<"));
-      const secondId = rule.substring(rule.indexOf("<") + 1);
-      const secondIndex = ids.indexOf(secondId);
-
-      options[secondIndex][Constants.HAS_PRECEDING_VALUE] = firstId;
-    });
-    return options;
-  }
-});

package/test/environment/Generator.js

@@ -1,44 +0,0 @@
-import JsonLdUtils from "jsonld-utils";
-
-const _uriBase = "http://onto.fel.cvut.cz/ontologies/forms";
-
-export const getRandomInt = () => {
-  const min = 0;
-  const bound = Number.MAX_SAFE_INTEGER;
-  return Math.floor(Math.random() * (bound - min)) + min;
-};
-
-export const getRandomPositiveInt = (min, max) => {
-  const bound = max ? max : Number.MAX_SAFE_INTEGER;
-  if (min === null || min === undefined) {
-    min = 1;
-  }
-  return Math.floor(Math.random() * (bound - min)) + min;
-};
-
-export const getRandomBoolean = () => {
-  return Math.random() < 0.5;
-};
-
-export const getRandomUri = () => {
-  return _uriBase + getRandomInt();
-};
-
-export const generateTypeaheadOptions = (value, valueLabel) => {
-  const options = [];
-  let option;
-
-  for (let i = 0; i < getRandomPositiveInt(3, 10); i++) {
-    option = {
-      "@id": getRandomUri(),
-    };
-    option[JsonLdUtils.RDFS_LABEL] = "RandomLabel" + i;
-    options.push(option);
-  }
-  option = {
-    "@id": value,
-  };
-  option[JsonLdUtils.RDFS_LABEL] = valueLabel;
-  options.push(option);
-  return options;
-};

package/test/setup.js

@@ -1,19 +0,0 @@
-import enzyme, { shallow, mount } from "enzyme";
-import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
-import { act } from "react-dom/test-utils";
-import { setGlobalConfig } from "@storybook/testing-react";
-import * as globalStorybookConfig from "../.storybook/preview.js";
-
-enzyme.configure({ adapter: new Adapter() });
-
-global.shallow = shallow;
-global.mount = mount;
-
-global.waitForComponentToPaint = async (wrapper) => {
-  await act(async () => {
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    wrapper.update();
-  });
-};
-
-setGlobalConfig(globalStorybookConfig);

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["src"]
-}