TYPO3-Documentation / t3docs-screenshots

Providing a way to take screenshots of the TYPO3 CMS in a scripted way.
MIT License
10 stars 6 forks source link

Image manipulation cropper screenshot #109

Open linawolf opened 3 years ago

linawolf commented 3 years ago

https://github.com/TYPO3-Documentation/TYPO3CMS-Reference-TCA/blob/master/Documentation/Images/ManualScreenshots/ImageManipulationCropper.png

alexander-nitsche commented 3 years ago

Reusing and extending the example of issue #108 :

{
    "suites": {
        "Introduction": {
            "screenshots": {
                "actionsIdentifierImageManipulation": [
                    {"action": "resizeWindow", "width": 1024,"height": 768},
                    {"action": "see", "text": "Page"},
                    {"action": "click", "link": "Page"},
                    {"action": "openPageTreePath", "path": ["Congratulations"]},
                    {"action": "switchToContentFrame"},
                    {"action": "waitForText", "text": "Congratulations", "timeout": 5},
                    {"action": "click", "link": "div#element-tt_content-210 a[href*=edit]"},
                    {"action": "waitForText", "text": "Edit Page Content \"Deliver business value\" on page \"Congratulations\"", "timeout": 5},
                    {"action": "click", "link": "Images"},
                    {"action": "click", "link": "//div[@id=\"data-1-tt_content-210-image_records\"]/div[1]//button[contains(@class, \"form-irre-header-button\")]"},
                    {"action": "click", "link": "//div[@id=\"data-1-tt_content-210-image_records\"]/div[1]//button[contains(., \"Open Editor\")]"},
                    {"action": "wait", "timeout": 0.3},
                    {"action": "makeScreenshotOfWindow", "fileName": "IntroductionImageCroppingOverlay"}
                ]
            }
        }
    }
}

Unfortunately this currently ends with a JavaScript type error which gets thrown when opening the modal. This has to be fixed on TYPO3 side.

alexander-nitsche commented 3 years ago

Did the solution work?

alexander-nitsche commented 3 years ago

Hi @linawolf , what is missing to take screenshots of the cropping plane?