WIP: wp-browser test suite

Current status:

$ docker-compose run --rm codecept run functional
Starting wordpress-core-web-vitals-lab_db_1 ... done
Starting wordpress-core-web-vitals-lab_wordpress_1 ... done
Starting wordpress-core-web-vitals-lab_upstream_1  ... done
Starting wordpress-core-web-vitals-lab_varnish_1   ... done
Starting wordpress-core-web-vitals-lab_server_1    ... done
Starting wordpress-core-web-vitals-lab_testdb_1    ... done
Codeception PHP Testing Framework v4.1.16
Powered by PHPUnit 9.5.1 by Sebastian Bergmann and contributors.

Functional Tests (1) ---------------------------------------------------------------------------------------
✖ NewPageCest: Try to test (0.07s)
------------------------------------------------------------------------------------------------------------

Time: 00:01.419, Memory: 18.00 MB

There was 1 failure:

---------
1) NewPageCest: Try to test
 Test  tests/functional/NewPageCest.php:tryToTest
 Step  See "Sign-up for our awesome thing"
 Fail  Failed asserting that  on page /signup/
-->  Page not found – Core Web Vitals Lab img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !im
[Content too long to display. See complete response in '/app/tests/_output/' directory]
--> contains "Sign-up for our awesome thing".

Scenario Steps:

 3. $I->see("Sign-up for our awesome thing") at tests/functional/NewPageCest.php:19
 2. $I->amOnPage("/signup/") at tests/functional/NewPageCest.php:18
 1. $I->havePageInDatabase({"post_name":"signup","post_title":"Sign-up","post_content":"Sign-up for our...}) at tests/functional/NewPageCest.php:13

Artifacts:

Html: /app/tests/_output/NewPageCest.tryToTest.fail.html
Response: /app/tests/_output/NewPageCest.tryToTest.fail.html

FAILURES!
Tests: 1, Assertions: 1, Failures: 1.

Next steps:

- Isolate an installation to run the acceptance and functional tests
- Move plugin unit tests to tests dir with the tests running with
PHPUnit

Author: edpittol

.env.testing

@@ -13,6 +13,6 @@ TEST_DB_HOST=testdb
 TEST_DB_USER=root
 TEST_DB_PASSWORD=db
 TEST_TABLE_PREFIX=wp_
-TEST_SITE_WP_URL=https://localhost
-TEST_SITE_WP_DOMAIN=localhost
+TEST_SITE_WP_URL=https://server
+TEST_SITE_WP_DOMAIN=server
 TEST_SITE_ADMIN_EMAIL=admin@localhost

docker-compose.yml

@@ -94,9 +94,13 @@ services:
         image: mariadb
         volumes:
             - testdb_data:/var/lib/mysql
+        depends_on:
+            - server
         environment:
             MYSQL_DATABASE: db
             MYSQL_ROOT_PASSWORD: db
+        ports:
+            - 3306:3306
 
     plugin-cs:
         build:

docker/wp/Dockerfile

@@ -45,6 +45,10 @@ COPY wp-install.sh /usr/local/bin/wp-install
 FROM base as tests
 
 RUN set -ex; \
-    \
+    # Fix: iconv(): Wrong charset, conversion from `utf-8' to `us-ascii//TRANSLIT' is not allowed
+    # Source: https://github.com/phpearth/docker-php/issues/3
+    apk add --no-cache --repository http://dl-3.alpinelinux.org/alpine/edge/testing gnu-libiconv; \
     # Install tests PHP dependency
     docker-php-ext-install pdo_mysql
+
+ENV LD_PRELOAD /usr/lib/preloadable_libiconv.so php

tests/_data/dump.sql

@@ -0,0 +1,15 @@
+<?php
+
+class HomePageCest
+{
+    public function _before(AcceptanceTester $I)
+    {
+    }
+
+    // tests
+    public function tryToTest(AcceptanceTester $I)
+    {
+        $I->amOnPage('/');
+        $I->see('Hello world!');
+    }
+}

tests/_support/UnitTester.php

@@ -0,0 +1,21 @@
+<?php
+
+class NewPageCest
+{
+    public function _before(FunctionalTester $I)
+    {
+    }
+
+    // tests
+    public function tryToTest(FunctionalTester $I)
+    {
+        $I->havePageInDatabase( [
+            'post_name' => 'signup',
+            'post_title' => 'Sign-up',
+            'post_content'=> 'Sign-up for our awesome thing! [signup]',
+        ] );
+
+        $I->amOnPage( '/signup/' );
+        $I->see( 'Sign-up for our awesome thing' );
+    }
+}