Revert "add cy tests"

cypress/integration/block-basics.js

@@ -1,5 +1,4 @@
 import { setupBeforeEach, tearDownAfterEach } from '../support';
-import 'cypress-file-upload';
 
 describe('Blocks Tests', () => {
   beforeEach(setupBeforeEach);
@@ -31,53 +30,5 @@ describe('Blocks Tests', () => {
     // then the page view should contain our changes
     cy.contains('My Page');
     cy.get('.block.image');
-
-    cy.visit('/default_header_image/contents');
-    const imageFile = 'cat.jpg';
-    cy.get('.top-menu-menu button').first().click();
-    cy.get('.modal .content .table').attachFile(imageFile, { subjectType: 'drag-n-drop' });
-    cy.get('.actions .arrow.right.icon').click();
-
-    cy.get('.navigation').contains('Cypress').click();
-    cy.get('.menu.transition.Cypress--section').contains('My Add-on', {force:true}).click({force:true});
-    cy.scrollTo(0, 100);
-
-    // header
-    cy.get('.header-wrapper');
-    cy.get('.header-image-wrapper').contains('My Add-on Page');
-
-    // footer
-    cy.get('.footerWrapper .footerLinkBar').contains('About us').click();
-
-    // navigation
-    cy.get('.navigation').contains('Countries').click();
-    cy.get('.menu.transition.Countries--section').contains('Austria', {force:true}).click({force:true});
-    cy.get('.header-image-wrapper').contains('Austria');
-
-
-    // search
-    cy.get('.navigation .search-widget').first().click();
-    cy.get('.navigation .search-widget form').type('News {enter}');
-
-    //news 
-    cy.get('.ui.container').contains("News");
-    cy.get('.highlight').contains('News').first().click();
-    cy.get('.expanded.article-body');
-    cy.get('.article-header');
-    cy.get('.article-content');
-    cy.get('.format-text').contains('Published');
-
-    // check unauthorized
-    cy.visit('/logout');
-    cy.visit('/edit');
-    cy.get('.header-image-wrapper').contains('Unauthorized');
-
-    // check not found
-    cy.visit('/something');
-    cy.get('.header-image-wrapper').contains('This page does not seem to exist');
-
-    // loader
-    cy.get('.header .logo a').click();
-    cy.get('.header-wrapper .ui.loader');
   });
 });

src/components/manage/PositionToolbar.jsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Button } from 'semantic-ui-react';
+import circleLeft from '@plone/volto/icons/circle-left.svg';
+import circleRight from '@plone/volto/icons/circle-right.svg';
+import check from '@plone/volto/icons/check.svg';
+import { Icon } from '@plone/volto/components';
+
+function PositionToolbar({ data, onChangeBlock, block }) {
+  return (
+    <div className="toolbar toolbar-bottom">
+      <Button.Group>
+        <Button basic disabled style={{ marginRight: '5px' }}>
+          Position:
+        </Button>
+        <Button
+          icon
+          basic
+          title="left"
+          onClick={() =>
+            onChangeBlock(block, {
+              ...data,
+              position: 'left',
+            })
+          }
+        >
+          <Icon
+            name={data.position === 'left' ? check : circleLeft}
+            size="24px"
+          />
+        </Button>
+        <Button
+          icon
+          basic
+          title="right"
+          onClick={() =>
+            onChangeBlock(block, {
+              ...data,
+              position: 'right',
+            })
+          }
+        >
+          <Icon
+            name={data.position === 'right' ? check : circleRight}
+            size="24px"
+          />
+        </Button>
+      </Button.Group>
+    </div>
+  );
+}
+
+export default PositionToolbar;