test: fix/3708 test failure (#3709)

* fix: add the color in the inserted text similar with other tests

* fix: update the php version from 7.3 to 7.4

* fix: use the develop branch instead of the old v3 branch

* fix: specify build script to be no-translate

Author: Arukuen

.github/workflows/compressed-diff.yml

@@ -13,7 +13,7 @@ jobs:
     - uses: actions/checkout@v2 # Checkout the Stackable Premium repo.
       with:
         repository: 'bfintal/Stackable-Premium'
-        ref: 'v3'
+        ref: 'develop'
         path: 'pro__premium_only'
         token: '${{ secrets.ACCESS_KEY }}'
     - name: Install Composer Dependencies
@@ -26,6 +26,7 @@ jobs:
     - uses: preactjs/compressed-size-action@v2
       with:
         repo-token: "${{ secrets.GITHUB_TOKEN }}"
+        build-script: "build:no-translate"
         clean-script: "clean"
         pattern: "./build/stackable/**"
         exclude: "{**/*.map,**/node_modules/**}"

.github/workflows/playwright.yml

@@ -15,7 +15,7 @@ jobs:
           - php_version: '7.3'
             wp_version: 6.5.5
 
-          - php_version: '7.3'
+          - php_version: '7.4'
             wp_version: null
 
           - php_version: '8.2'

e2e/tests/block-editor.spec.ts

@@ -103,12 +103,22 @@ test.describe( 'Block Editor', () => {
 	} ) => {
 		await editor.insertBlock( {
 			name: 'stackable/text',
-			attributes: {
-				text: 'test',
-				textColor1: '#ff0000',
-			},
 		} )
 
+		const settings = page.getByLabel( 'Settings', { exact: true } )
+
+		if ( await settings.getAttribute( 'aria-pressed' ) === 'false' ) {
+			await settings.click()
+		}
+
+		// Add content and color to Stackable Text Block
+		await editor.canvas.locator( '[data-type="stackable/text"] > .stk-block-text > p[role="textbox"]' ).fill( 'test' )
+		await page.locator( '.stk-color-palette-control .stk-control-content > .components-dropdown > .components-button' ).first().click()
+		await page.getByLabel( 'Hex color' ).fill( 'ff0000' )
+
+		// Click on the body to close the Color Picker popup
+		await editor.canvas.locator( 'body' ).click()
+
 		const clientId = await editor.canvas.getByLabel( 'Block: Text' ).getAttribute( 'data-block' )
 		const uniqueId = ( await editor.getBlockAttributes( clientId ) ).uniqueId