Skip to content

Commit

Permalink
[Backport 12.4] [TASK] Update "Creating content" screenshots (#145) (#…
Browse files Browse the repository at this point in the history
…149)

Previously, this screenshot has been generated automatically. But as the Screenshot Tool is not working anymore in newer TYPO3 versions, the images have been moved to the "ManualScreenshots" folder.

Releases: main, 12.4
brotkrueml authored Oct 30, 2023
1 parent 8cd0c2e commit afe7e5a
Showing 26 changed files with 41 additions and 141 deletions.
49 changes: 41 additions & 8 deletions Documentation/ContentElements/CreatingContent/Index.rst
Original file line number Diff line number Diff line change
@@ -14,7 +14,11 @@ Creating content
In the :guilabel:`Web > Page` module, on any page, click the :guilabel:`+
Content` icon in the place where you want to insert content.

.. include:: /Images/AutomaticScreenshots/NewContentElement/CreateNew.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/CreateNew.png
:alt: Create a new Content Element by clicking the button
:class: with-shadow

Create a new Content Element by clicking the button

The :guilabel:`Create new content element` window will then be displayed. The
content elements that are available depend on the setup of your TYPO3
@@ -41,7 +45,11 @@ Typical page content

Insert regular text and image content types to build standard web pages.

.. include:: /Images/AutomaticScreenshots/NewContentElement/WizardTabTypical.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabTypical.png
:alt: The 'Typical page content' tab of the new content element window
:class: with-shadow

The :guilabel:`Typical page content` tab of the new content element window


.. _content-form:
@@ -51,7 +59,12 @@ Form elements

Create a login form or a simple contact form.

.. include:: /Images/AutomaticScreenshots/NewContentElement/WizardTabForm.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabForm.png
:alt: The 'Form elements' tab of the new content element window
:class: with-shadow

The :guilabel:`Form elements` tab of the new content element window



.. _content-menu:
@@ -61,7 +74,11 @@ Menu elements

Present a menu or list of page links in different ways.

.. include:: /Images/AutomaticScreenshots/NewContentElement/WizardTabMenu.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabMenu.png
:alt: The 'Menu' tab of the new content element window
:class: with-shadow

The :guilabel:`Menu` tab of the new content element window


.. _content-plugin:
@@ -74,7 +91,11 @@ depend on the individual plugin architecture or on the backend configuration.
In some cases a plugin is made available by adding the "General Plugin" content
element and then selecting the plugin itself on the :guilabel:`Plugin` tab.

.. include:: /Images/AutomaticScreenshots/NewContentElement/WizardTabPlugins.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabPlugins.png
:alt: The 'Plugins' tab of the new content element window
:class: with-shadow

The :guilabel:`Plugins` tab of the new content element window


.. _content-special:
@@ -86,7 +107,11 @@ Insert plain HTML, or a horizontal divider on the page. The "Insert records"
element lets you reference other content elements, i.e. reuse a content
element from another page without duplicating it.

.. include:: /Images/AutomaticScreenshots/NewContentElement/WizardTabSpecialElements.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabSpecialElements.png
:alt: The 'Special elements' tab of the new content element window
:class: with-shadow

The :guilabel:`Plugins` tab of the new content element window


.. _content-new-element:
@@ -100,7 +125,11 @@ Add new content to a page
This is the most commonly used content type. The
:guilabel:`Create new Page Content` screen appears.

.. include:: /Images/AutomaticScreenshots/NewContentElement/NewContentElement.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/NewContentElement.png
:alt: Empty input form for a Text & Media content element
:class: with-shadow

Empty input form for a Text & Media content element

#. In the :guilabel:`Header` field, type *My new content element*.
#. In the :guilabel:`Text` area, type in some text. This field uses a
@@ -109,4 +138,8 @@ Add new content to a page
#. Save and close the content element.
You can see the newly added element on the page:

.. include:: /Images/AutomaticScreenshots/NewContentElement/ContentSaved.rst.txt
.. figure:: /Images/ManualScreenshots/NewContentElement/ContentSaved.png
:alt: The new content element appears in the Page module
:class: with-shadow

The new content element appears in the Page module
Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Binary file not shown.

This file was deleted.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 0 additions & 93 deletions Documentation/screenshots.json
Original file line number Diff line number Diff line change
@@ -884,99 +884,6 @@
},
{"action": "resizeWindow", "width": 1024,"height": 780}
],
"NewContentElement": [
{
"action": "amOnPage",
"page": "typo3/index.php"
},
{
"action": "setScreenshotsImagePath",
"path": "Images/AutomaticScreenshots/NewContentElement"
},
{
"action": "setScreenshotsRstPath",
"path": "Images/AutomaticScreenshots/NewContentElement"
},
{"action": "resizeWindow", "width": 1024,"height": 512},
{"action": "see", "text": "Page"},
{"action": "click", "link": "Page"},
{"action": "openPageTreePath", "path": ["Congratulations"]},
{"action": "switchToContentFrame"},
{"action": "waitForText", "text": "Congratulations", "timeout": 5},
{"action": "drawBox", "selector": "a.t3js-toggle-new-content-element-wizard"},
{
"action": "makeScreenshotOfElement",
"fileName": "CreateNew",
"altText": "Create a new Content Element by clicking the button"
},
{"action": "click", "link": "a.t3js-toggle-new-content-element-wizard"},
{
"action": "waitForModalDialogInMainFrame"
},
{"action": "waitForText", "text": "Create new content element", "timeout": 5},
{
"action": "makeScreenshotOfElement",
"fileName": "WizardTabTypical",
"altText": "The 'Typical Page Content' tab of the new content element window"
},
{"action": "waitForText", "text": "Special elements"},
{"action": "click", "link": "Special elements"},
{"action": "wait", "timeout": 0.1},
{
"action": "makeScreenshotOfElement",
"fileName": "WizardTabSpecialElements",
"altText": "The 'Special Elements' tab of the new content element window"
},
{"action": "click", "link": "Form elements"},
{"action": "wait", "timeout": 0.1},
{
"action": "makeScreenshotOfElement",
"fileName": "WizardTabForm",
"altText": "The 'Form Elements' tab of the new content element window"
},
{"action": "click", "link": "Menu"},
{"action": "wait", "timeout": 0.1},
{
"action": "makeScreenshotOfElement",
"fileName": "WizardTabMenu",
"altText": "The 'Menu' tab of the new content element window"
},
{"action": "click", "link": "Plugins"},
{"action": "wait", "timeout": 0.1},
{
"action": "makeScreenshotOfElement",
"fileName": "WizardTabPlugins",
"altText": "The 'Plugins' tab of the new content element window"
},
{"action": "click", "link": "Typical page content"},
{"action": "wait", "timeout": 0.1},
{"action": "click", "link": "Text & Media"},
{"action": "wait", "timeout": 1},
{
"action": "resizeWindow",
"width": 1232,
"height": 768
},
{"action": "switchToContentFrame"},
{"action": "fillField", "field": "input[data-formengine-input-name*='[header]']", "value": "My new content Element"},
{
"action": "makeScreenshotOfElement",
"fileName": "NewContentElement",
"selector": ".t3js-module-body",
"altText": "Empty input form for a Text & Media content element"
},
{"action": "click", "link": "Save"},
{"action": "see", "text": "Edit"},
{"action": "click", "link": "Close"},
{"action": "see", "text": "Border"},

{
"action": "makeScreenshotOfElement",
"fileName": "ContentSaved",
"selector": ".t3js-module-body",
"altText": "The new content element appears in the Page module"
}
],
"Access": [
{
"action": "amOnPage",

0 comments on commit afe7e5a

Please sign in to comment.