import * as React from "react";
import { render, screen, fireEvent, cleanup } from "@testing-library/react";

describe("Page Section Plugin Tests", () => {
  test.skip(`Should show in the add new item drawer (Plugin hook is called)`, () => {});

  test.skip(`Should show in editor when page content has a section as its type (plugin hook is called)`, () => {});

  test.skip(`Should show up in the live page when thge page content has a section as its type (plugin hook is called)`, () => {});
});

describe("Page Section - The Editor Component", () => {
  test.skip(`Should render in the dom`, () => {});

  test.skip(`Should render an inner width according to the "width" property settings`, () => {});

  test.skip(`Should render background properly as provided by the property settings`, () => {});

  test.skip(`Should render padding according to the property settings if provided`, () => {});

  test.skip(`Should render a thicker border on the EditorObject component container`, () => {});

  test.skip(`Should render an "Move Section Up" and a "Move Section Down" option the Editor Object drop down menu`, () => {});

  test.skip(`Should reposition the section in the page content array appropriately when the "Move up" or "Move down" button is clicked (e.g should trigger updateComponentSettings)`, () => {});
});

describe("Page Section - The Live Component", () => {
  test.skip(`Should render in the dom`, () => {});

  test.skip(`Should render an inner width according to the "width" property settings`, () => {});

  test.skip(`Should render background properly as provided by the property settings`, () => {});

  test.skip(`Should render padding according to the property settings if provided`, () => {});
});