fixed flaky tests

Author: DavertMik

.github/workflows/playwright.yml

@@ -46,6 +46,10 @@ jobs:
         timeout-minutes: 2
       - name: start a server
         run: 'php -S 127.0.0.1:8000 -t test/data/app &'
+      - name: start json-server
+        run: 'npm run json-server &'
+      - name: wait for servers
+        run: 'sleep 3'
       - name: run chromium unit tests
         run: ./node_modules/.bin/mocha test/helper/Playwright_test.js --timeout 5000 --reporter @testomatio/reporter/mocha
         timeout-minutes: 18

test/acceptance/config_test.js

@@ -32,7 +32,7 @@ Scenario('change config 5 @WebDriverIO @Puppeteer @Playwright', ({ I }) => {
 
 Scenario('make API call and check response @Playwright', ({ I }) => {
   I.amOnPage('/')
-  I.makeApiRequest('get', 'https://reqres.in/api/users?page=2', { headers: {'x-api-key': 'reqres-free-v1'}})
+  I.makeApiRequest('get', 'http://127.0.0.1:8010/posts/1')
   I.seeResponseCodeIsSuccessful()
 })
 

test/helper/Playwright_test.js

@@ -133,17 +133,6 @@ describe('Playwright', function () {
     })
   })
 
-  describe('#seeCssPropertiesOnElements', () => {
-    it('should check background-color css property for given element', async () => {
-      try {
-        await I.amOnPage('https://codecept.io/helpers/Playwright/')
-        await I.seeCssPropertiesOnElements('.navbar', { 'background-color': 'rgb(128, 90, 213)' })
-      } catch (e) {
-        e.message.should.include("expected element (.navbar) to have CSS property { 'background-color': 'rgb(128, 90, 213)' }")
-      }
-    })
-  })
-
   webApiTests.tests()
 
   describe('#click', () => {
@@ -1001,9 +990,10 @@ describe('Playwright', function () {
 
   describe('#makeApiRequest', () => {
     it('should make 3rd party API request', async () => {
-      const response = await I.makeApiRequest('get', 'https://reqres.in/api/users?page=2')
+      // Using local json-server for reliable testing
+      const response = await I.makeApiRequest('get', 'http://127.0.0.1:8010/posts/1')
       expect(response.status()).to.equal(200)
-      expect(await response.json()).to.include.keys(['page'])
+      expect(await response.json()).to.include.keys(['id', 'title', 'author'])
     })
 
     it('should make local API request', async () => {
@@ -1014,10 +1004,10 @@ describe('Playwright', function () {
     it('should convert to axios response with onResponse hook', async () => {
       let response
       I.config.onResponse = resp => (response = resp)
-      await I.makeApiRequest('get', 'https://reqres.in/api/users?page=2')
+      await I.makeApiRequest('get', 'http://127.0.0.1:8010/posts/1')
       expect(response).to.be.ok
       expect(response.status).to.equal(200)
-      expect(response.data).to.include.keys(['page', 'total'])
+      expect(response.data).to.include.keys(['id', 'title', 'author'])
     })
   })