[TASK] Automate additional Screenshots

refs TYPO3-Documentation/t3docs-screenshots#151
TYPO3-Documentation · Jun 28, 2021 · 8086aba · 8086aba
1 parent ee27763
commit 8086aba
Show file tree

Hide file tree

Showing 23 changed files with 62 additions and 68 deletions.
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesAnalyzer.png b/Documentation/Images/AutomaticScreenshots/TemplatesAnalyzer.png
diff --git a/...ages/RstIncludes/TemplateAnalyzer.rst.txt → ...aticScreenshots/TemplatesAnalyzer.rst.txt b/...ages/RstIncludes/TemplateAnalyzer.rst.txt → ...aticScreenshots/TemplatesAnalyzer.rst.txt
@@ -1,7 +1,7 @@
 .. Automatic screenshot: Remove this line if you want to manually change this file
 
-.. figure:: /Includes/Images/AutomaticScreenshots/TemplateAnalyzer.png
+.. figure:: /Images/AutomaticScreenshots/TemplatesAnalyzer.png
    :alt: All templates applying to a page, as used by the Introduction Package
    :class: with-shadow
 
-   All templates applying to a page, as used by the Introduction Package
+   Viewing the content of a given template in the Template Analyzer
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesIncludes.png b/Documentation/Images/AutomaticScreenshots/TemplatesIncludes.png
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesIncludes.rst.txt b/Documentation/Images/AutomaticScreenshots/TemplatesIncludes.rst.txt
@@ -0,0 +1,7 @@
+.. Automatic screenshot: Remove this line if you want to manually change this file
+
+.. figure:: /Images/AutomaticScreenshots/TemplatesIncludes.png
+   :alt: Screenshot of table sys_template
+   :class: with-shadow
+
+   Templates included from another template
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesInput.png b/Documentation/Images/AutomaticScreenshots/TemplatesInput.png
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesInput.rst.txt b/Documentation/Images/AutomaticScreenshots/TemplatesInput.rst.txt
@@ -0,0 +1,7 @@
+.. Automatic screenshot: Remove this line if you want to manually change this file
+
+.. figure:: /Images/AutomaticScreenshots/TemplatesInput.png
+   :alt: The Constants and Setup fields of a TypoScript template
+   :class: with-shadow
+
+   Screenshot of table sys_template
diff --git a/Documentation/Images/AutomaticScreenshots/TemplatesRecordListView.png b/Documentation/Images/AutomaticScreenshots/TemplatesRecordListView.png
diff --git a/...tIncludes/TemplatesRecordListView.rst.txt → ...reenshots/TemplatesRecordListView.rst.txt b/...tIncludes/TemplatesRecordListView.rst.txt → ...reenshots/TemplatesRecordListView.rst.txt
@@ -1,7 +1,7 @@
 .. Automatic screenshot: Remove this line if you want to manually change this file
 
-.. figure:: /Includes/Images/AutomaticScreenshots/TemplatesRecordListView.png
+.. figure:: /Images/AutomaticScreenshots/TemplatesRecordListView.png
    :alt: A TypoScript template as seen in the Web > List module
    :class: with-shadow
 
-   A TypoScript template as seen in the Web > List module
+   A TypoScript template as seen in the Web > List module
diff --git a/Documentation/Includes/Images/AutomaticScreenshots/TemplatesIncludes.png b/Documentation/Includes/Images/AutomaticScreenshots/TemplatesIncludes.png
diff --git a/Documentation/Includes/Images/AutomaticScreenshots/TemplatesInput.png b/Documentation/Includes/Images/AutomaticScreenshots/TemplatesInput.png
diff --git a/Documentation/Includes/Images/AutomaticScreenshots/TemplatesRecordListView.png b/Documentation/Includes/Images/AutomaticScreenshots/TemplatesRecordListView.png
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesAnalyzerDetails.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesAnalyzerDetails.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesConstantEditor.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesConstantEditor.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesConstants.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesConstants.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesIncludes.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesIncludes.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesInput.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesInput.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesSetup.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesSetup.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesStaticIncludes2.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesStaticIncludes2.rst.txt
diff --git a/Documentation/Includes/Images/RstIncludes/TemplatesViewFullListingButton.rst.txt b/Documentation/Includes/Images/RstIncludes/TemplatesViewFullListingButton.rst.txt
diff --git a/Documentation/Setup/Config/Index.rst b/Documentation/Setup/Config/Index.rst
@@ -231,7 +231,7 @@ admPanel
          :ref:`data-type-boolean`
 
    Description
-         If set, the :ref:`Admin Panel <t3adminpanel:introduction>` displays at the 
+         If set, the :ref:`Admin Panel <t3adminpanel:introduction>` displays at the
          bottom of pages.
 
          **Note:** In addition, the panel must be enabled for the user as well,
@@ -744,7 +744,7 @@ disableBodyTag
 .. _setup-config-disableCanonical:
 
 disableCanonical
-===============
+================
 
 .. container:: table-row
 

diff --git a/Documentation/UsingSetting/Constants.rst b/Documentation/UsingSetting/Constants.rst
@@ -112,7 +112,7 @@ Example
 For the above example to work, the constants from the last example have to be
 defined in the constants field.
 
-.. include:: /Includes/Images/RstIncludes/TemplatesSetup.rst.txt
+.. include:: /Images/AutomaticScreenshots/TemplatesSetup.rst.txt
 
 Constants in the setup code are substituted, marked in green. In the Object
 Browser, it's possible to show constants substituted and unsubstituted.

diff --git a/Documentation/UsingSetting/Entering.rst b/Documentation/UsingSetting/Entering.rst
@@ -19,9 +19,9 @@ the TYPO3 backend.
    various configuration in an extension. See :ref:`t3sitepackage:start`.
 
 
-.. include:: /Includes/Images/RstIncludes/TemplatesRecordListView.rst.txt
+.. include:: /Images/AutomaticScreenshots/TemplatesRecordListView.rst.txt
 
-.. include:: /Includes/Images/RstIncludes/TemplatesInput.rst.txt
+.. include:: /Images/AutomaticScreenshots/TemplatesInput.rst.txt
 
 If the "t3editor" system extension is not installed or has been
 disabled via configuration options, the :guilabel:`Constants` and :guilabel:`Setup` fields
@@ -94,7 +94,7 @@ Include other TypoScript templates
 Apart from this, it is also possible to include other TypoScript template
 records (in the field called "Include Basis Template").
 
-.. include:: /Includes/Images/RstIncludes/TemplatesIncludes.rst.txt
+.. include:: /Images/AutomaticScreenshots/TemplatesIncludes.rst.txt
 
 .. index:: TypoScript; Analyzer
 .. _typoscript-syntax-typoscript-templates-structure-analyzer:
@@ -108,7 +108,7 @@ of this
 structure. It shows all the templates that apply to the currently selected page,
 taking into account inclusions and inheritance along the page tree.
 
-.. include:: /Images/AutomaticScreenshots/TemplatesAnalyzerDetails.rst.txt
+.. include:: /Images/AutomaticScreenshots/TemplatesAnalyzer.rst.txt
 
 Templates are taken into consideration from top to bottom, which means
 that properties defined in one template may be overridden in templates
@@ -117,6 +117,7 @@ considered at a later point by the TypoScript parser.
 In the Template Analyzer, you can click on any listed template (2) to view
 the content of its "Setup" and "Constants" fields.
 
+.. include:: /Images/AutomaticScreenshots/TemplatesAnalyzerDetails.rst.txt
 
 The line numbers are compiled from the first template to be included,
 which is why the numbers are so high.
diff --git a/screenshots.json b/screenshots.json
@@ -37,6 +37,14 @@
 
           {"action": "resizeWindow", "width": 640,"height": 640},
           {"action":  "amOnPage", "page": "/typo3/module/web/ts?token=x&id=1&template=sys_2&SET[function]=TYPO3\\CMS\\Tstemplate\\Controller\\TemplateAnalyzerModuleFunctionController"},
+          {
+            "action": "makeScreenshotOfElement",
+            "fileName": "TemplatesAnalyzer",
+            "selector": "#TypoScriptTemplateModuleController",
+            "altText": "All templates applying to a page, as used by the Introduction Package",
+            "captionText": "Viewing the content of a given template in the Template Analyzer"
+          },
+          {"action":  "amOnPage", "page": "/typo3/module/web/ts?token=x&id=1&template=sys_2&SET[function]=TYPO3\\CMS\\Tstemplate\\Controller\\TemplateAnalyzerModuleFunctionController"},
           {
             "action": "makeScreenshotOfElement",
             "fileName": "TemplatesAnalyzerDetails",
@@ -80,21 +88,48 @@
           {"action": "resizeWindow", "width": 640,"height": 768},
           {"action": "setNavigationDefaultTable", "table": "sys_template"},
           {"action": "setNavigationDefaultUid", "uid": 2},
+          {"action": "wait", "timeout":  0.1},
+          {
+            "action": "makeScreenshotOfTable",
+            "pid": "1",
+            "selector": ".recordlist",
+            "fileName": "TemplatesRecordListView",
+            "captionText": "A TypoScript template as seen in the Web > List module",
+            "altText": "A TypoScript template as seen in the Web > List module"
+          },
           {"action": "goToRecord"},
+          {
+            "action": "makeScreenshotOfElement",
+            "fileName": "TemplatesInput",
+            "selector": ".t3js-module-body",
+            "captionText": "Screenshot of table sys_template",
+            "altText": "The Constants and Setup fields of a TypoScript template"
+          },
           {"action": "click", "link": "Includes"},
           {"action": "waitForText", "text": "Include static"},
           {"action": "drawBox", "selector":  "a.nav-link.active"},
           {"action": "drawBadge", "selector":  "a.nav-link.active", "label":  "3"},
           {"action": "drawBox", "selector":  "//*[contains(@class, 'form-multigroup-item') and contains(., 'Available')]"},
           {"action": "drawBadge", "selector":  "//*[contains(@class, 'form-multigroup-item') and contains(., 'Available')]", "label":  "4"},
+          {"action": "resizeWindow", "width": 640,"height": 768},
           {
             "action": "makeScreenshotOfElement",
             "fileName": "TemplatesStaticIncludes2",
             "selector": ".t3js-module-body",
             "captionText": "Screenshot of table sys_template",
             "altText": "Screenshot of table sys_template"
           },
-          {"action": "clearDrawings"}
+          {"action": "clearDrawings"},
+          {"action": "drawBox", "selector":  "//*[contains(@class, 'form-group') and contains(., 'Include Basis Template')]"},
+          {"action": "drawBadge", "selector":  "//*[contains(@class, 'form-group') and contains(., 'Include Basis Template')]", "label":  "1"},
+          {"action": "resizeWindow", "width": 640,"height": 1024},
+          {
+            "action": "makeScreenshotOfElement",
+            "fileName": "TemplatesIncludes",
+            "selector": ".t3js-module-body",
+            "altText": "Screenshot of table sys_template",
+            "captionText": "Templates included from another template"
+          }
         ]
       }
     },