Support webkit and firefox browser

.github/workflows/pythonpackage.yml

@@ -9,7 +9,14 @@ jobs:
     strategy:
       max-parallel: 4
       matrix:
-        python-version: [3.6, 3.7, 3.8]
+        # python-version: [3.7, 3.8, 3.9]
+        include:
+          - python-version: 3.7
+            browser: webkit
+          - python-version: 3.8
+            browser: chrome
+          - python-version: 3.9
+            browser: firefox
 
     steps:
     - uses: actions/checkout@v1
@@ -21,17 +28,51 @@ jobs:
       run: |
         python -m pip install --upgrade pip
         pip install -r requirements.txt
+    - name: Install webkit
+      run: |
+        sudo apt-get update 
+        sudo apt-get install -y --no-install-recommends \
+          gstreamer1.0-libav \
+          gstreamer1.0-plugins-bad \
+          libgstreamer-plugins-bad1.0-0 \
+          libwoff1 \
+          libopus0 \
+          libwebp6 \
+          libwebpdemux2 \
+          libenchant1c2a \
+          libgudev-1.0-0 \
+          libsecret-1-0 \
+          libhyphen0 \
+          libgdk-pixbuf2.0-0 \
+          libegl1 \
+          libnotify4 \
+          libxslt1.1 \
+          libevent-2.1-6 \
+          libgles2 \
+          libvpx5 \
+          libxcomposite1 \
+          libatk1.0-0 \
+          libatk-bridge2.0-0 \
+          libepoxy0 \
+          libgtk-3-0 \
+          libharfbuzz-icu0 \
+          xvfb
     - name: Lint with flake8
       run: |
         pip install flake8
         # stop the build if there are Python syntax errors or undefined names
         flake8 . --count --select=E9,F63,F7,F82 --show-source --statistics
         # exit-zero treats all errors as warnings. The GitHub editor is 127 chars wide
         flake8 . --count --exit-zero --max-complexity=10 --max-line-length=127 --statistics
-    - name: System test
+    - name: Run test project
       run: |
         python setup.py install
-        pyppeteer-install
         pip install -r demoapp/requirements.txt
+        pyppeteer-install
+        python -m playwright install
         python demoapp/server.py &
-        robot -v HEADLESS:True -e Ignore Examples
+    - name: System test
+      uses: GabrielBB/xvfb-action@v1
+      with:
+        working-directory: ./ #optional
+        run: robot -v BROWSER:${{ matrix.browser }} -e IgnoreORIgnore_${{ matrix.browser }} Examples

Examples/alert-handler/alert-handler.robot

@@ -4,25 +4,31 @@ Test Setup    Open browser to test page
 Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
+
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
+
 *** Test Cases ***
 Accept alert
+    [Tags]    Ignore_webkit    Ignore_firefox
     Run Async Keywords
     ...    Handle Alert    ACCEPT    AND
-    ...    Click Button    id=alert_confirm
+    ...    Click Element    id=alert_confirm
     Click Element    id:get_ajax
 
 Dismiss alert
+    [Tags]    Ignore_webkit    Ignore_firefox
     Run Async Keywords
     ...    Handle Alert    DISMISS    AND
-    ...    Click Button    id=alert_confirm
+    ...    Click Element    id=alert_confirm
     Click Element    id:get_ajax
+
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}     ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
-
+    Open browser    ${HOME_PAGE_URL}   browser=${BROWSER}    options=${options}

Examples/api/mock-api.robot

@@ -5,24 +5,27 @@ Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
 *** Test Cases ***
- Mock ajax response with raw text
+Mock ajax response with raw text
     &{response}    Create Dictionary    body=I'm a mock response text
-    Mock Current Page Api Response    /ajax_info.json\\?count=3    ${response}        
+    Mock Current Page Api Response    /ajax_info.json?count=3    ${response}        
     Click Element    id=get_ajax
     Wait Until Page Contains    I'm a mock response text
 
 Mock ajax response with json response
     &{response}    Create Dictionary    body={ 'data': 'I\'m a mock response json'}    contentType=application/json
-    Mock Current Page Api Response    /ajax_info.json\\?count=3    ${response}        
+    Mock Current Page Api Response    /ajax_info.json?count=3    ${response}        
     Click Element    id=get_ajax
     Wait Until Page Contains    I'm a mock response json
 
+
 *** Keywords ***
 Open browser to test page
-    ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
+    ${HEADLESS} =    Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}    options=${options}

Examples/browser-management/emulator-mode.robot

@@ -2,11 +2,16 @@
 Library    PuppeteerLibrary
 Suite Teardown    Close Puppeteer
 
+*** Variables ***
+${DEFAULT_BROWSER}    chrome
+# ${DEFAULT_BROWSER}    webkit
+
 *** Test Cases ***
 Example enable emulator mode
+    [Tags]    Ignore_firefox
     [Teardown]    Close All Browser
-    ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
-    &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    http://127.0.0.1:7272/basic-html-elements.html   options=${options}    alias=Browser 1
-    Enable emulate mode    iPhone SE
+    ${BROWSER} =     Get variable value    ${BROWSER}     ${DEFAULT_BROWSER}
+    ${HEADLESS} =    Get variable value    ${HEADLESS}    ${False}
+    &{options} =    create dictionary   headless=${HEADLESS}    emulate=iPhone 11
+    Open browser    http://127.0.0.1:7272/basic-html-elements.html   browser=${BROWSER}    options=${options}    alias=Browser 1
     Capture page screenshot

Examples/browser-management/open-close-browser.robot

@@ -3,28 +3,35 @@ Library    PuppeteerLibrary
 Suite Teardown    Close Puppeteer
 Test Teardown    Close All Browser
 
+*** Variables ***
+${DEFAULT_BROWSER}    chrome
+
+
 *** Test Cases ***
 Switch to new browser
-    ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
+    ${HEADLESS} =    Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    http://127.0.0.1:7272/basic-html-elements.html   options=${options}
+    Open browser    http://127.0.0.1:7272/basic-html-elements.html    browser=${BROWSER}   options=${options}
     Run Async Keywords
-    ...    Wait For New Window Open    AND
-    ...    Click Element    id=open-new-tab
-    Switch Window    NEW
+    ...    Click Element    id=open-new-tab    AND
+    ...    Wait For New Window Open
+    Switch Window    NEW 
     Wait Until Page Contains Element    id=exampleInputEmail1
     Switch Window    title=Basic HTML Elements
     Wait Until Page Contains Element    id=open-new-tab    
 
 Handle multiple browser
+    [Teardown]    Capture Page Screenshot    
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    http://127.0.0.1:7272/basic-html-elements.html   options=${options}    alias=Browser 1
+    Open browser    http://127.0.0.1:7272/basic-html-elements.html    browser=${BROWSER}    options=${options}    alias=Browser 1
     Run Async Keywords
     ...    Wait For New Window Open    AND
     ...    Click Element    id=open-new-tab
     Switch Window    NEW
-    Open browser    http://127.0.0.1:7272/basic-html-elements.html   options=${options}    alias=Browser 2
+    Open browser    http://127.0.0.1:7272/basic-html-elements.html    browser=${BROWSER}    options=${options}    alias=Browser 2
     Switch Browser    Browser 1
     Wait Until Page Contains    Login form
     Switch Browser    Browser 2

Examples/debug-mode/enable-debug-mode.robot

@@ -3,17 +3,22 @@ Library    PuppeteerLibrary
 Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
+*** Variables ***
+${DEFAULT_BROWSER}    chrome
+# ${DEFAULT_BROWSER}    webkit
+${HOME_PAGE_URL}    http://127.0.0.1:7272/login-form-example.html
+
 
 *** Test Cases ***
 Enable debug mode
-    Open browser to test page    http://127.0.0.1:7272/login-form-example.html
+    Open browser to test page
     Input Text    id=exampleInputEmail1    demo@qahive.com
     Input Text    id=exampleInputPassword1    123456789
 
 *** Keywords ***
 Open browser to test page
-    [Arguments]    ${url}
-    ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
-    Run Keyword If    ${HEADLESS} == ${False}    Enable Debug Mode    
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
+    ${HEADLESS} =    Get variable value    ${HEADLESS}    ${False}
+    Run Keyword If    ${HEADLESS} == ${False}    Enable Debug Mode
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${url}   options=${options}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}    options=${options}

Examples/form-handler/dropdown-list.robot

@@ -5,6 +5,8 @@ Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
+# ${DEFAULT_BROWSER}    webkit
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
@@ -23,6 +25,7 @@ Select dropdown list by labels with xpath
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}   options=${options}

Examples/form-handler/element-properties.robot

@@ -5,6 +5,7 @@ Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
@@ -20,7 +21,11 @@ Element is visible and not visible
     Element Should Be Visible    id:prop-visible
     Element Should Not Be Visible    id:prop-hide
     Run Keyword And Expect Error    REGEXP:Element 'id:prop-hide' is not be visible    Element Should Be Visible    id:prop-hide
-
+
+Get Element Text
+    ${text} =    Get Text    id=prop-text    
+    Should Contain    ${text}    Please
+
 Element should containt text
     Element Should Contain    id=prop-text    Please    ${True}
 
@@ -35,6 +40,7 @@ Element text should not be
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}   options=${options}

Examples/form-handler/file-upload.robot

@@ -6,6 +6,7 @@ Suite Teardown    Close Puppeteer
 
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
@@ -15,6 +16,7 @@ Upload file
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}   options=${options}

Examples/form-handler/form-submit.robot

@@ -3,18 +3,21 @@ Library    PuppeteerLibrary
 Test Teardown    Close All Browser
 Suite Teardown    Close Puppeteer
 
+*** Variables ***
+${DEFAULT_BROWSER}    chrome
+
 
 *** Test Cases ***
 Submit login form
     Open browser to test page    http://127.0.0.1:7272/login-form-example.html
     Input Text    id=exampleInputEmail1    demo@qahive.com
-    Input Text    id=exampleInputPassword1    123456789
+    Input Text    xpath=//*[@id='exampleInputPassword1']    123456789
     Click Element    id=exampleCheck1
     Run Async Keywords
     ...    Wait For New Window Open    AND
     ...    Click Element    css=button[type="submit"]
     Switch Window    NEW
-    Wait Until Page Contains    Login succeeded    
+    Wait Until Page Contains    Login succeeded
 
 Submit register form
     Open browser to test page    http://127.0.0.1:7272/register-form-example.html
@@ -29,6 +32,7 @@ Submit register form
 *** Keywords ***
 Open browser to test page
     [Arguments]    ${url}
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${url}   options=${options}
+    Open browser    ${url}    browser=${BROWSER}   options=${options}

Examples/form-handler/iframe.robot

@@ -6,17 +6,24 @@ Suite Teardown    Close Puppeteer
 
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
 *** Test Cases ***
 Interact with iframe element
     Wait Until Page Contains Element    id=ifrm
     Select Frame    id=ifrm
+    Input Text    id=exampleInputEmail1    demo@qahive.com
+    Input Text    xpath=//*[@id='exampleInputPassword1']    123456789
     Click Element    id=exampleCheck1
+    Click Element    xpath=//*[@id='exampleCheck1']
+    Unselect Frame
+    Wait Until Page Contains Element    id=ifrm
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
-    &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
+    &{options} =    create dictionary    headless=${HEADLESS}
+    Open browser    ${HOME_PAGE_URL}    browser=${BROWSER}    options=${options}

Examples/input/mouse.robot

@@ -2,8 +2,11 @@
 Library    PuppeteerLibrary
 Test Setup    Open browser to test page    
 Test Teardown    Close All Browser
+Suite Teardown    Close Puppeteer
 
 *** Variables ***
+${DEFAULT_BROWSER}    chrome
+# ${DEFAULT_BROWSER}    webkit
 ${HOME_PAGE_URL}    http://127.0.0.1:7272/basic-html-elements.html
 
 
@@ -22,7 +25,7 @@ Mouse drag
 
 *** Keywords ***
 Open browser to test page
+    ${BROWSER} =     Get variable value    ${BROWSER}    ${DEFAULT_BROWSER}
     ${HEADLESS}     Get variable value    ${HEADLESS}    ${False}
     &{options} =    create dictionary   headless=${HEADLESS}
-    Open browser    ${HOME_PAGE_URL}   options=${options}
-
+    Open browser    ${HOME_PAGE_URL}   browser=${BROWSER}    options=${options}