├── .eslintrc.json ├── .gemini-ff.yml ├── .gemini.yml ├── .github ├── ISSUE_TEMPLATE │ └── config.yml └── workflows │ ├── unit-tests.yml │ └── visual-tests.yml.disabled ├── .gitignore ├── .stylelintrc ├── @types └── interfaces.d.ts ├── LICENSE ├── README.md ├── bower.json ├── demo ├── .eslintrc.json ├── demos.json ├── email-field-demos.html ├── index.html ├── number-field-demos.html ├── password-field-demos.html ├── text-area-demos.html ├── text-field-basic-demos.html ├── text-field-demo.js ├── text-field-form-demos.html ├── text-field-prefix-suffix-demos.html ├── text-field-styling-demos.html ├── text-field-theme-demos.html └── text-field-validators-demos.html ├── gen-tsd.json ├── index.html ├── magi-p3-post.js ├── package-lock-p3.json ├── package-lock.json ├── package.json ├── screenshot.png ├── src ├── vaadin-email-field.html ├── vaadin-integer-field.html ├── vaadin-number-field.html ├── vaadin-password-field.html ├── vaadin-text-area.html ├── vaadin-text-field-mixin.html └── vaadin-text-field.html ├── test ├── .eslintrc.json ├── accessibility.html ├── custom-input.html ├── email-field-events.html ├── email-field-validation.html ├── email-field.html ├── helpers.html ├── index.html ├── integer-field-events.html ├── integer-field-validation.html ├── integer-field.html ├── number-field-events.html ├── number-field-validation.html ├── number-field.html ├── password-field-events.html ├── password-field-validation.html ├── password-field.html ├── test-suites.js ├── text-area-events.html ├── text-area-validation.html ├── text-area.html ├── text-field-events.html ├── text-field-validation.html ├── text-field.html ├── validation.html └── visual │ ├── common.html │ ├── screens │ └── vaadin-text-field │ │ ├── number-field-lumo │ │ └── number-field │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── number-field-material │ │ └── number-field │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── number-field-rtl-lumo │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── number-field-rtl-material │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── number-field │ │ └── number-field │ │ │ ├── chrome.png │ │ │ ├── edge.png │ │ │ ├── firefox.png │ │ │ └── ie.png │ │ ├── password-field-clear-button-lumo │ │ └── password-field-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-clear-button-material │ │ └── password-field-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-custom-input-lumo │ │ └── password-field-custom-input │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-custom-input-material │ │ └── password-field-custom-input │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-lumo │ │ └── password-field │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-material │ │ └── password-field │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-rtl-lumo │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── password-field-rtl-material │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-1-lumo │ │ └── text-area-1 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-1-material │ │ └── text-area-1 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-2-lumo │ │ └── text-area-2 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-2-material │ │ └── text-area-2 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-3-lumo │ │ └── text-area-3 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-3-material │ │ └── text-area-3 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-clear-button-lumo │ │ └── text-area-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-clear-button-material │ │ └── text-area-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-custom-textarea-lumo │ │ └── text-area-custom-textarea │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-custom-textarea-material │ │ └── text-area-custom-textarea │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-rtl-lumo │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-rtl-material │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-scrolled-lumo │ │ └── text-area-scrolled │ │ │ └── chrome.png │ │ ├── text-area-scrolled-material │ │ └── text-area-scrolled │ │ │ └── chrome.png │ │ ├── text-area-styling-lumo │ │ └── styling │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-area-styling-material │ │ └── styling │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-1-lumo │ │ └── text-field-1 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-1-material │ │ └── text-field-1 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-2-lumo │ │ └── text-field-2 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-2-material │ │ └── text-field-2 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-3-lumo │ │ └── text-field-3 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-3-material │ │ └── text-field-3 │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-clear-button-lumo │ │ └── text-field-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-clear-button-material │ │ └── text-field-clear-button │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-custom-input-lumo │ │ └── text-field-custom-input │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-custom-input-material │ │ └── text-field-custom-input │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-rtl-lumo │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-rtl-material │ │ └── rtl │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ ├── text-field-styling-lumo │ │ └── styling │ │ │ ├── chrome.png │ │ │ └── firefox.png │ │ └── text-field-styling-material │ │ └── styling │ │ ├── chrome.png │ │ └── firefox.png │ ├── test.js │ ├── vaadin-number-field │ ├── number-field.html │ └── rtl.html │ ├── vaadin-password-field │ ├── password-field-clear-btn.html │ ├── password-field-custom-input.html │ ├── password-field.html │ └── rtl.html │ ├── vaadin-text-area │ ├── rtl.html │ ├── styling.html │ ├── text-area-1.html │ ├── text-area-2.html │ ├── text-area-3.html │ ├── text-area-clear-btn.html │ ├── text-area-custom-textarea.html │ └── text-area-scrolled.html │ └── vaadin-text-field │ ├── rtl.html │ ├── styling.html │ ├── text-field-1.html │ ├── text-field-2.html │ ├── text-field-3.html │ ├── text-field-clear-btn.html │ └── text-field-custom-input.html ├── theme ├── lumo │ ├── vaadin-email-field-styles.html │ ├── vaadin-email-field.html │ ├── vaadin-integer-field.html │ ├── vaadin-number-field-styles.html │ ├── vaadin-number-field.html │ ├── vaadin-password-field-styles.html │ ├── vaadin-password-field.html │ ├── vaadin-placeholder-styles.html │ ├── vaadin-text-area-styles.html │ ├── vaadin-text-area.html │ ├── vaadin-text-field-styles.html │ └── vaadin-text-field.html └── material │ ├── vaadin-email-field.html │ ├── vaadin-integer-field.html │ ├── vaadin-number-field-styles.html │ ├── vaadin-number-field.html │ ├── vaadin-password-field-styles.html │ ├── vaadin-password-field.html │ ├── vaadin-placeholder-styles.html │ ├── vaadin-text-area-styles.html │ ├── vaadin-text-area.html │ ├── vaadin-text-field-styles.html │ └── vaadin-text-field.html ├── vaadin-directory-description.md ├── vaadin-email-field.html ├── vaadin-integer-field.html ├── vaadin-number-field.html ├── vaadin-password-field.html ├── vaadin-text-area.html ├── vaadin-text-field.html └── wct.conf.js /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "vaadin", 3 | "env": { 4 | "browser": true, 5 | "node": true, 6 | "es6": true 7 | }, 8 | "plugins": [ 9 | "html" 10 | ], 11 | "globals": { 12 | "Polymer": false, 13 | "Vaadin": false 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /.gemini-ff.yml: -------------------------------------------------------------------------------- 1 | rootUrl: http://localhost:8080/components/vaadin-text-field/test/visual/ 2 | gridUrl: http://localhost:4444/wd/hub 3 | screenshotsDir: ./test/visual/screens 4 | 5 | system: 6 | plugins: 7 | polyserve: 8 | port: 8080 9 | sauce: true 10 | 11 | browsers: 12 | firefox: 13 | desiredCapabilities: 14 | browserName: "firefox" 15 | version: "47.0" 16 | platform: "Windows 10" 17 | -------------------------------------------------------------------------------- /.gemini.yml: -------------------------------------------------------------------------------- 1 | rootUrl: http://localhost:8080/components/vaadin-text-field/test/visual/ 2 | gridUrl: http://localhost:4444/wd/hub 3 | screenshotsDir: ./test/visual/screens 4 | 5 | system: 6 | plugins: 7 | polyserve: 8 | port: 8080 9 | sauce: true 10 | 11 | browsers: 12 | chrome: 13 | desiredCapabilities: 14 | browserName: "chrome" 15 | version: "67.0" 16 | platform: "Windows 10" 17 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: "Web Components: Bugs and Feature Requests" 4 | url: https://github.com/vaadin/web-components/issues/new/choose 5 | about: Please report issues related to the TypeScript and HTML API of Vaadin components here. 6 | - name: "Flow Components: Bugs and Feature Requests" 7 | url: https://github.com/vaadin/flow-components/issues/new/choose 8 | about: Please report issues related to the Java API of Vaadin components here. 9 | -------------------------------------------------------------------------------- /.github/workflows/unit-tests.yml: -------------------------------------------------------------------------------- 1 | name: Unit Tests 2 | 3 | # all pull requests 4 | on: pull_request 5 | 6 | jobs: 7 | # Running local tests is disabled due to outdated dependencies 8 | # see https://github.com/vaadin/components-team-tasks/issues/628 9 | # unit-tests-p2: 10 | # name: Polymer 2 on the CI agent 11 | # runs-on: ubuntu-latest 12 | # steps: 13 | # - name: Set up Node 16.x 14 | # uses: actions/setup-node@v4 15 | # with: 16 | # node-version: 16.x 17 | # 18 | # - name: Check out the source code 19 | # uses: actions/checkout@v2 20 | # 21 | # - name: Install global npm dependencies 22 | # # bower is needed to run 'bower install' 23 | # # polymer-cli is needed to run the lint step 24 | # run: "npm install --quiet --no-progress --global bower polymer-cli" 25 | # 26 | # - name: Install project npm dependencies 27 | # run: "npm ci" 28 | # 29 | # - name: Install project Bower dependencies 30 | # run: "bower install --quiet" 31 | # 32 | # - name: Run automated magi-cli checks 33 | # run: "npm run check" 34 | # 35 | # - name: Run a linter 36 | # run: "npm run lint" 37 | # 38 | # # the full set of environments is tested with Polymer 3 below 39 | # - name: Run unit tests locally (in the VM instance running this job) 40 | # run: "xvfb-run -s '-screen 0 1024x768x24' npm test" 41 | 42 | unit-tests-p3: 43 | name: Polymer 3 on SauceLabs 44 | runs-on: ubuntu-latest 45 | steps: 46 | - name: Set up Node 16.x 47 | uses: actions/setup-node@v4 48 | with: 49 | node-version: 16.x 50 | 51 | - name: Check out the (Polymer 2) source code 52 | uses: actions/checkout@v2 53 | 54 | - name: Install global npm dependencies 55 | # bower and polymer-modulizer are needed to run the Polymer 3 conversion step 56 | run: "npm install --quiet --no-progress --global bower magi-cli polymer-modulizer" 57 | 58 | - name: Convert the source code to Polymer 3 59 | run: | 60 | git config --local user.email "github-actions[bot]@users.noreply.github.com" 61 | git config --local user.name "github-actions[bot]" 62 | magi p3-convert --out . --import-style=name 63 | 64 | # workaround for running tests on Android on SauceLabs (see wct.conf.js) 65 | - name: Add 'localhost-for-saucelabs' to /etc/hosts 66 | run: echo "127.0.0.1 localhost-for-saucelabs" | sudo tee -a /etc/hosts 67 | 68 | - name: Run unit tests on SauceLabs 69 | run: "npm test -- --env saucelabs" 70 | env: 71 | SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }} 72 | SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }} 73 | -------------------------------------------------------------------------------- /.github/workflows/visual-tests.yml.disabled: -------------------------------------------------------------------------------- 1 | name: Visual Tests 2 | 3 | # all pull requests 4 | on: pull_request 5 | 6 | jobs: 7 | visual-tests: 8 | name: Polymer 2 on SauceLabs 9 | runs-on: ubuntu-latest 10 | steps: 11 | - name: Set up Node 12.x 12 | uses: actions/setup-node@v2 13 | with: 14 | node-version: 12.x 15 | 16 | - name: Check out the source code 17 | uses: actions/checkout@v2 18 | 19 | - name: Install latest npm 20 | # magi-cli 1.0 requires npm 7 or higher 21 | run: "npm install -g npm@8" 22 | 23 | - name: Install global npm dependencies 24 | # bower is needed to run 'bower install' 25 | # gemini is needed to run the visual tests step 26 | run: "npm install --quiet --no-progress --global bower gemini@^4.0.0 gemini-sauce gemini-polyserve" 27 | 28 | - name: Install project npm dependencies 29 | run: "npm ci" 30 | 31 | - name: Install project Bower dependencies 32 | run: "bower install --quiet" 33 | 34 | - name: Run visual tests on SauceLabs 35 | run: "gemini test --reporter html --reporter flat test/visual" 36 | env: 37 | SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }} 38 | SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }} 39 | 40 | - name: Publish the Visual Tests failures report as an Artifact for this Workflow run 41 | if: ${{ failure() }} 42 | uses: actions/upload-artifact@v2 43 | with: 44 | name: Visual tests failures report 45 | path: gemini-report/ 46 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | node_modules 3 | yarn.lock 4 | coverage 5 | analysis.json 6 | -------------------------------------------------------------------------------- /.stylelintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "stylelint-config-vaadin" 3 | } 4 | -------------------------------------------------------------------------------- /@types/interfaces.d.ts: -------------------------------------------------------------------------------- 1 | export type TextFieldAutoCapitalize = 2 | | 'on' 3 | | 'off' 4 | | 'none' 5 | | 'characters' 6 | | 'words' 7 | | 'sentences'; 8 | 9 | export type TextFieldAutoCorrect = 'on' | 'off'; 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # <vaadin-text-field> 2 | 3 | > ⚠️ Starting from Vaadin 20, the source code and issues for this component are migrated to the [`vaadin/web-components`](https://github.com/vaadin/web-components/tree/master/packages/vaadin-text-field) monorepository. 4 | > This repository contains the source code and releases of `` for the Vaadin versions 10 to 19. 5 | 6 | [<vaadin-text-field>](https://vaadin.com/components/vaadin-text-field) is a themable Web Component providing input controls in forms, part of the [Vaadin components](https://vaadin.com/components). 7 | 8 | [Live Demo ↗](https://vaadin.com/components/vaadin-text-field/html-examples) 9 | | 10 | [API documentation ↗](https://vaadin.com/components/vaadin-text-field/html-api) 11 | 12 | [![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field) 13 | [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-text-field) 14 | [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-text-field) 15 | [![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC) 16 | 17 | 33 | ```html 34 | 35 | 36 | 37 | 38 | 39 | 40 | ``` 41 | 42 | [Screenshot of vaadin-text-field](https://vaadin.com/components/vaadin-text-field) 43 | 44 | ## Installation 45 | 46 | The Vaadin components are distributed as Bower and npm packages. 47 | Please note that the version range is the same, as the API has not changed. 48 | You should not mix Bower and npm versions in the same application, though. 49 | 50 | Unlike the official Polymer Elements, the converted Polymer 3 compatible Vaadin components 51 | are only published on npm, not pushed to GitHub repositories. 52 | 53 | ### Polymer 2 and HTML Imports Compatible Version 54 | 55 | Install `vaadin-text-field`: 56 | 57 | ```sh 58 | bower i vaadin/vaadin-text-field --save 59 | ``` 60 | 61 | Once installed, import the components you need in your application: 62 | 63 | ```html 64 | 65 | 66 | 67 | 68 | 69 | 70 | ``` 71 | ### Polymer 3 and ES Modules Compatible Version 72 | 73 | Install `vaadin-text-field`: 74 | 75 | ```sh 76 | npm i @vaadin/vaadin-text-field --save 77 | ``` 78 | 79 | Once installed, import the components you need in your application: 80 | 81 | ```js 82 | import '@vaadin/vaadin-text-field/vaadin-text-field.js'; 83 | import '@vaadin/vaadin-text-field/vaadin-text-area.js'; 84 | import '@vaadin/vaadin-text-field/vaadin-password-field.js'; 85 | import '@vaadin/vaadin-text-field/vaadin-email-field.js'; 86 | import '@vaadin/vaadin-text-field/vaadin-number-field.js'; 87 | import '@vaadin/vaadin-text-field/vaadin-integer-field.js'; 88 | ``` 89 | 90 | ## Getting started 91 | 92 | Vaadin components use the Lumo theme by default. 93 | 94 | To use the Material theme, import the correspondent file from the `theme/material` folder. 95 | 96 | ## Entry points 97 | 98 | - The components with the Lumo theme: 99 | 100 | `theme/lumo/vaadin-text-field.html` 101 | `theme/lumo/vaadin-text-area.html` 102 | `theme/lumo/vaadin-password-field.html` 103 | `theme/lumo/vaadin-email-field.html` 104 | `theme/lumo/vaadin-number-field.html` 105 | `theme/lumo/vaadin-integer-field.html` 106 | 107 | - The components with the Material theme: 108 | 109 | `theme/material/vaadin-text-field.html` 110 | `theme/material/vaadin-text-area.html` 111 | `theme/material/vaadin-password-field.html` 112 | `theme/material/vaadin-email-field.html` 113 | `theme/material/vaadin-number-field.html` 114 | `theme/material/vaadin-integer-field.html` 115 | 116 | - Aliases for `theme/lumo/vaadin-text-field.html` 117 | `theme/lumo/vaadin-text-area.html` 118 | `theme/lumo/vaadin-password-field.html` 119 | `theme/lumo/vaadin-email-field.html` 120 | `theme/lumo/vaadin-number-field.html` 121 | `theme/lumo/vaadin-integer-field.html`: 122 | 123 | `vaadin-text-field.html` 124 | `vaadin-text-area.html` 125 | `vaadin-password-field.html` 126 | `vaadin-email-field.html` 127 | `vaadin-number-field` 128 | `vaadin-integer-field` 129 | 130 | 131 | ## Running demos and tests in a browser 132 | 133 | 1. Fork the `vaadin-text-field` repository and clone it locally. 134 | 135 | 1. Make sure you have [npm](https://www.npmjs.com/) and [Bower](https://bower.io) installed. 136 | 137 | 1. When in the `vaadin-text-field` directory, run `npm install` and then `bower install` to install dependencies. 138 | 139 | 1. Run `npm start`, browser will automatically open the component API documentation. 140 | 141 | 1. You can also open demo or in-browser tests by adding **demo** or **test** to the URL, for example: 142 | 143 | - http://127.0.0.1:3000/components/vaadin-text-field/demo 144 | - http://127.0.0.1:3000/components/vaadin-text-field/test 145 | 146 | 147 | ## Running tests from the command line 148 | 149 | > [!WARNING] 150 | > Running tests locally from the CLI does not work due to outdated dependencies. Run tests via SauceLabs or in the browser instead. 151 | 152 | 1. When in the `vaadin-text-field` directory, run `polymer test` 153 | 154 | 155 | ## Following the coding style 156 | 157 | We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `npm run lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files. 158 | 159 | 160 | ## Big Thanks 161 | 162 | Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com). 163 | 164 | 165 | ## Contributing 166 | 167 | To contribute to the component, please read [the guideline](https://github.com/vaadin/vaadin-core/blob/master/CONTRIBUTING.md) first. 168 | 169 | 170 | ## License 171 | 172 | Apache License 2.0 173 | 174 | Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics. 175 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vaadin-text-field", 3 | "homepage": "https://vaadin.com/components", 4 | "authors": [ 5 | "Vaadin Ltd" 6 | ], 7 | "description": "vaadin-text-field", 8 | "main": [ 9 | "vaadin-text-field.html", 10 | "vaadin-password-field.html", 11 | "vaadin-number-field.html", 12 | "vaadin-text-area.html", 13 | "vaadin-email-field.html", 14 | "vaadin-integer-field.html", 15 | "theme/lumo/vaadin-placeholder-styles.html", 16 | "theme/material/vaadin-placeholder-styles.html", 17 | "theme/material/vaadin-password-field.html", 18 | "theme/material/vaadin-number-field.html", 19 | "theme/material/vaadin-text-area.html", 20 | "theme/material/vaadin-text-field.html", 21 | "theme/material/vaadin-email-field.html", 22 | "theme/material/vaadin-integer-field.html" 23 | ], 24 | "keywords": [ 25 | "Vaadin", 26 | "input", 27 | "text-field", 28 | "web-components", 29 | "web-component", 30 | "polymer" 31 | ], 32 | "license": "Apache-2.0", 33 | "ignore": [ 34 | "**/.*", 35 | "node_modules", 36 | "bower_components", 37 | "package-lock.json", 38 | "wct.conf.js" 39 | ], 40 | "devDependencies": { 41 | "iron-component-page": "^3.0.0", 42 | "iron-form": "^2.0.0", 43 | "iron-test-helpers": "^2.0.0", 44 | "webcomponentsjs": "^1.0.0", 45 | "web-component-tester": "^6.1.5", 46 | "sinonjs": "Polymer/sinon.js#^1.14.1", 47 | "vaadin-demo-helpers": "vaadin/vaadin-demo-helpers#^3.0.0", 48 | "vaadin-button": "vaadin/vaadin-button#^2.1.0" 49 | }, 50 | "dependencies": { 51 | "polymer": "^2.0.0", 52 | "vaadin-themable-mixin": "vaadin/vaadin-themable-mixin#^1.6.1", 53 | "vaadin-control-state-mixin": "vaadin/vaadin-control-state-mixin#^2.2.1", 54 | "vaadin-lumo-styles": "vaadin/vaadin-lumo-styles#^1.6.0", 55 | "vaadin-material-styles": "vaadin/vaadin-material-styles#^1.3.2", 56 | "vaadin-element-mixin": "vaadin/vaadin-element-mixin#^2.4.1" 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /demo/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "globals": { 3 | "TextFieldDemo": false, 4 | "DemoReadyEventEmitter":false, 5 | "VaadinTextFieldElement": false 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /demo/demos.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Vaadin Text Field", 3 | "pages": [ 4 | { 5 | "name": "Text Field", 6 | "url": "text-field-basic-demos", 7 | "src": "text-field-basic-demos.html", 8 | "meta": { 9 | "title": "Vaadin Text Field Basic Examples", 10 | "description": "", 11 | "image": "" 12 | } 13 | }, 14 | { 15 | "name": "Password Field", 16 | "url": "password-field-demos", 17 | "src": "password-field-demos.html", 18 | "meta": { 19 | "title": "Vaadin Password Field Examples", 20 | "description": "", 21 | "image": "" 22 | } 23 | }, 24 | { 25 | "name": "Email Field", 26 | "url": "email-field-demos", 27 | "src": "email-field-demos.html", 28 | "meta": { 29 | "title": "Vaadin Email Field Examples", 30 | "description": "", 31 | "image": "" 32 | } 33 | }, 34 | { 35 | "name": "Number Field", 36 | "url": "number-field-demos", 37 | "src": "number-field-demos.html", 38 | "meta": { 39 | "title": "Vaadin Number Field Examples", 40 | "description": "", 41 | "image": "" 42 | } 43 | }, 44 | { 45 | "name": "Text Area", 46 | "url": "text-area-demos", 47 | "src": "text-area-demos.html", 48 | "meta": { 49 | "title": "Vaadin Text Area Examples", 50 | "description": "", 51 | "image": "" 52 | } 53 | }, 54 | { 55 | "name": "Prefix and Suffix", 56 | "url": "text-field-prefix-suffix-demos", 57 | "src": "text-field-prefix-suffix-demos.html", 58 | "meta": { 59 | "title": "Vaadin Text Field Prefix and Suffix Examples", 60 | "description": "", 61 | "image": "" 62 | } 63 | }, 64 | { 65 | "name": "Validation", 66 | "url": "text-field-validators-demos", 67 | "src": "text-field-validators-demos.html", 68 | "meta": { 69 | "title": "Vaadin Text Field Validation Examples", 70 | "description": "", 71 | "image": "" 72 | } 73 | }, 74 | { 75 | "name": "Theme Variants", 76 | "url": "text-field-theme-demos", 77 | "src": "text-field-theme-demos.html", 78 | "meta": { 79 | "title": "Vaadin Text Field Theme Variants", 80 | "description": "", 81 | "image": "" 82 | } 83 | }, 84 | { 85 | "name": "Styling", 86 | "url": "text-field-styling-demos", 87 | "src": "text-field-styling-demos.html", 88 | "meta": { 89 | "title": "Vaadin Text Field Styling Examples", 90 | "description": "", 91 | "image": "" 92 | } 93 | } 94 | ] 95 | } 96 | -------------------------------------------------------------------------------- /demo/email-field-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 19 | 27 | 28 | -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vaadin Text Field Examples 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /demo/number-field-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 49 | 57 | 58 | -------------------------------------------------------------------------------- /demo/password-field-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 43 | 51 | 52 | -------------------------------------------------------------------------------- /demo/text-area-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 52 | 60 | 61 | -------------------------------------------------------------------------------- /demo/text-field-basic-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 54 | 62 | 63 | -------------------------------------------------------------------------------- /demo/text-field-demo.js: -------------------------------------------------------------------------------- 1 | window.TextFieldDemo = superClass => { 2 | return class extends superClass { 3 | static get properties() { 4 | return { 5 | }; 6 | } 7 | }; 8 | }; 9 | 10 | window.addEventListener('WebComponentsReady', () => { 11 | document.body.removeAttribute('unresolved'); 12 | }); 13 | -------------------------------------------------------------------------------- /demo/text-field-form-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 34 | 42 | 43 | -------------------------------------------------------------------------------- /demo/text-field-prefix-suffix-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 34 | 42 | 43 | -------------------------------------------------------------------------------- /demo/text-field-styling-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 37 | 45 | 46 | -------------------------------------------------------------------------------- /demo/text-field-theme-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 37 | 45 | 46 | -------------------------------------------------------------------------------- /demo/text-field-validators-demos.html: -------------------------------------------------------------------------------- 1 | 2 | 135 | 143 | 144 | -------------------------------------------------------------------------------- /gen-tsd.json: -------------------------------------------------------------------------------- 1 | { 2 | "excludeFiles": [ 3 | "wct.conf.js", 4 | "index.html", 5 | "demo/**/*", 6 | "test/**/*", 7 | "theme/**/*" 8 | ], 9 | "autoImport": { 10 | "./@types/interfaces": [ 11 | "TextFieldAutoCapitalize", 12 | "TextFieldAutoCorrect" 13 | ] 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-field 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /magi-p3-post.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | files: [ 3 | 'vaadin-*.js', 4 | 'src/*.js', 5 | ], 6 | from: [ 7 | /import '\.\/theme\/lumo\/vaadin-(.+)\.js';/, 8 | /@memberof Vaadin*\n.*@extends Vaadin\./g, 9 | ], 10 | to: [ 11 | `import './theme/lumo/vaadin-$1.js';\nexport * from './src/vaadin-$1.js';`, 12 | '@extends ' 13 | ] 14 | }; 15 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@vaadin/vaadin-text-field", 3 | "version": "2.10.0", 4 | "description": "vaadin-text-field", 5 | "main": "vaadin-text-field.html", 6 | "repository": "vaadin/vaadin-text-field", 7 | "keywords": [ 8 | "Vaadin", 9 | "input", 10 | "web-components", 11 | "web-component", 12 | "polymer" 13 | ], 14 | "author": "Vaadin Ltd", 15 | "license": "Apache-2.0", 16 | "bugs": { 17 | "url": "https://github.com/vaadin/vaadin-text-field/issues" 18 | }, 19 | "homepage": "https://vaadin.com/components", 20 | "files": [ 21 | "vaadin-*.d.ts", 22 | "vaadin-*.js", 23 | "@types", 24 | "src", 25 | "theme" 26 | ], 27 | "husky": { 28 | "hooks": { 29 | "pre-commit": "npm run lint" 30 | } 31 | }, 32 | "scripts": { 33 | "test": "wct", 34 | "check": "npm-run-all --parallel check:*", 35 | "check:bower": "magi check-bower", 36 | "check:version": "magi check-version", 37 | "lint": "npm-run-all --parallel lint:*", 38 | "lint:css": "stylelint *.html src/*.html demo/*.html theme/**/*.html test/*html", 39 | "lint:html": "eslint *.html src demo test --ext .html", 40 | "lint:js": "eslint *.js test", 41 | "lint:polymer": "polymer lint --rules polymer-2 --input ./src/*.html ./theme/**/*.html", 42 | "prestart": "polymer analyze vaadin-* > analysis.json", 43 | "start": "polymer serve --port 3000 --open", 44 | "preversion": "magi update-version" 45 | }, 46 | "devDependencies": { 47 | "@vaadin/vaadin-component-dev-dependencies": "^3.2.0" 48 | }, 49 | "overrides": { 50 | "wct-sauce": { 51 | "sauce-connect-launcher": "vaadin/sauce-connect-launcher#upgrade-sauce-connect-5" 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/screenshot.png -------------------------------------------------------------------------------- /src/vaadin-email-field.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 35 | 107 | 108 | -------------------------------------------------------------------------------- /src/vaadin-integer-field.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 110 | 111 | -------------------------------------------------------------------------------- /src/vaadin-text-field.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 49 | 50 | 165 | 166 | -------------------------------------------------------------------------------- /test/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "parserOptions": { 3 | "ecmaVersion": 8 4 | }, 5 | "globals": { 6 | "HTMLImports": false, 7 | "WCT": false, 8 | "describe": false, 9 | "beforeEach": false, 10 | "afterEach": false, 11 | "fixture": false, 12 | "it": false, 13 | "expect": false, 14 | "gemini": false, 15 | "sinon": false, 16 | "MockInteractions": false, 17 | "animationFrameFlush": false, 18 | "listenOnce": false, 19 | "oneEvent": false, 20 | "nextRender": false 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /test/custom-input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-field tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 23 | 24 | 25 | 26 | 29 | 30 | 31 | 172 | 173 | -------------------------------------------------------------------------------- /test/email-field-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-email-field events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/email-field-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-email-field validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/email-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-email-field tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 21 | 22 | 25 | 26 | 27 | 95 | 96 | -------------------------------------------------------------------------------- /test/helpers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 26 | 27 | -------------------------------------------------------------------------------- /test/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | vaadin-text-field tests 8 | 9 | 10 | 11 | 12 | 13 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /test/integer-field-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-integer-field events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/integer-field-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-integer-field validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/integer-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vaadin-integer-field tests 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 249 | 250 | 251 | 252 | -------------------------------------------------------------------------------- /test/number-field-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-number-field events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/number-field-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-number-field validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/password-field-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-password-field events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/password-field-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-password-field validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/password-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-password-field tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 159 | 160 | -------------------------------------------------------------------------------- /test/test-suites.js: -------------------------------------------------------------------------------- 1 | window.VaadinTextFieldSuites = [ 2 | 'text-field.html', 3 | 'text-area.html', 4 | 'password-field.html', 5 | 'number-field.html', 6 | 'validation.html', 7 | 'accessibility.html', 8 | 'custom-input.html', 9 | 'email-field.html', 10 | 'integer-field.html', 11 | 'text-field-validation.html', 12 | 'text-area-validation.html', 13 | 'number-field-validation.html', 14 | 'integer-field-validation.html', 15 | 'password-field-validation.html', 16 | 'email-field-validation.html', 17 | 'text-field-events.html', 18 | 'text-area-events.html', 19 | 'password-field-events.html', 20 | 'integer-field-events.html', 21 | 'number-field-events.html', 22 | 'email-field-events.html' 23 | ]; 24 | -------------------------------------------------------------------------------- /test/text-area-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-area events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/text-area-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-area validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/text-field-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-field events tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 106 | 107 | -------------------------------------------------------------------------------- /test/text-field-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vaadin-text-field validation tests 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 68 | 69 | -------------------------------------------------------------------------------- /test/visual/common.html: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 12 | 17 | -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-lumo/number-field/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-lumo/number-field/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-lumo/number-field/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-lumo/number-field/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-material/number-field/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-material/number-field/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-material/number-field/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-material/number-field/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-rtl-lumo/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-rtl-lumo/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-rtl-lumo/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-rtl-lumo/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-rtl-material/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-rtl-material/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field-rtl-material/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field-rtl-material/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field/number-field/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field/number-field/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field/number-field/edge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field/number-field/edge.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field/number-field/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field/number-field/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/number-field/number-field/ie.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/number-field/number-field/ie.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-clear-button-lumo/password-field-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-clear-button-lumo/password-field-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-clear-button-lumo/password-field-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-clear-button-lumo/password-field-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-clear-button-material/password-field-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-clear-button-material/password-field-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-clear-button-material/password-field-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-clear-button-material/password-field-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-custom-input-lumo/password-field-custom-input/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-custom-input-lumo/password-field-custom-input/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-custom-input-lumo/password-field-custom-input/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-custom-input-lumo/password-field-custom-input/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-custom-input-material/password-field-custom-input/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-custom-input-material/password-field-custom-input/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-custom-input-material/password-field-custom-input/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-custom-input-material/password-field-custom-input/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-lumo/password-field/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-lumo/password-field/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-lumo/password-field/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-lumo/password-field/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-material/password-field/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-material/password-field/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-material/password-field/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-material/password-field/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-rtl-lumo/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-rtl-lumo/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-rtl-lumo/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-rtl-lumo/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-rtl-material/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-rtl-material/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/password-field-rtl-material/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/password-field-rtl-material/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-1-lumo/text-area-1/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-1-lumo/text-area-1/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-1-lumo/text-area-1/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-1-lumo/text-area-1/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-1-material/text-area-1/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-1-material/text-area-1/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-1-material/text-area-1/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-1-material/text-area-1/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-2-lumo/text-area-2/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-2-lumo/text-area-2/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-2-lumo/text-area-2/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-2-lumo/text-area-2/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-2-material/text-area-2/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-2-material/text-area-2/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-2-material/text-area-2/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-2-material/text-area-2/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-3-lumo/text-area-3/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-3-lumo/text-area-3/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-3-lumo/text-area-3/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-3-lumo/text-area-3/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-3-material/text-area-3/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-3-material/text-area-3/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-3-material/text-area-3/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-3-material/text-area-3/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-clear-button-lumo/text-area-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-clear-button-lumo/text-area-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-clear-button-lumo/text-area-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-clear-button-lumo/text-area-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-clear-button-material/text-area-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-clear-button-material/text-area-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-clear-button-material/text-area-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-clear-button-material/text-area-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-custom-textarea-material/text-area-custom-textarea/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-custom-textarea-material/text-area-custom-textarea/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-custom-textarea-material/text-area-custom-textarea/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-custom-textarea-material/text-area-custom-textarea/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-rtl-lumo/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-rtl-lumo/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-rtl-lumo/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-rtl-lumo/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-rtl-material/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-rtl-material/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-rtl-material/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-rtl-material/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-scrolled-lumo/text-area-scrolled/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-scrolled-lumo/text-area-scrolled/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-scrolled-material/text-area-scrolled/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-scrolled-material/text-area-scrolled/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-styling-lumo/styling/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-styling-lumo/styling/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-styling-lumo/styling/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-styling-lumo/styling/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-styling-material/styling/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-styling-material/styling/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-area-styling-material/styling/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-area-styling-material/styling/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-1-lumo/text-field-1/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-1-lumo/text-field-1/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-1-lumo/text-field-1/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-1-lumo/text-field-1/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-1-material/text-field-1/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-1-material/text-field-1/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-1-material/text-field-1/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-1-material/text-field-1/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-2-lumo/text-field-2/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-2-lumo/text-field-2/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-2-lumo/text-field-2/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-2-lumo/text-field-2/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-2-material/text-field-2/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-2-material/text-field-2/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-2-material/text-field-2/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-2-material/text-field-2/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-3-lumo/text-field-3/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-3-lumo/text-field-3/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-3-lumo/text-field-3/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-3-lumo/text-field-3/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-3-material/text-field-3/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-3-material/text-field-3/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-3-material/text-field-3/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-3-material/text-field-3/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-clear-button-lumo/text-field-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-clear-button-lumo/text-field-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-clear-button-lumo/text-field-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-clear-button-lumo/text-field-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-clear-button-material/text-field-clear-button/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-clear-button-material/text-field-clear-button/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-clear-button-material/text-field-clear-button/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-clear-button-material/text-field-clear-button/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-custom-input-lumo/text-field-custom-input/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-custom-input-lumo/text-field-custom-input/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-custom-input-lumo/text-field-custom-input/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-custom-input-lumo/text-field-custom-input/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-custom-input-material/text-field-custom-input/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-custom-input-material/text-field-custom-input/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-custom-input-material/text-field-custom-input/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-custom-input-material/text-field-custom-input/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-rtl-lumo/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-rtl-lumo/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-rtl-lumo/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-rtl-lumo/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-rtl-material/rtl/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-rtl-material/rtl/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-rtl-material/rtl/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-rtl-material/rtl/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-styling-lumo/styling/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-styling-lumo/styling/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-styling-lumo/styling/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-styling-lumo/styling/firefox.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-styling-material/styling/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-styling-material/styling/chrome.png -------------------------------------------------------------------------------- /test/visual/screens/vaadin-text-field/text-field-styling-material/styling/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vaadin/vaadin-text-field/e04e49fb2aa991adc955ad65c8fded0d8f3b3ed1/test/visual/screens/vaadin-text-field/text-field-styling-material/styling/firefox.png -------------------------------------------------------------------------------- /test/visual/test.js: -------------------------------------------------------------------------------- 1 | gemini.suite('vaadin-text-field', function(rootSuite) { 2 | function wait(actions, find) { 3 | return actions 4 | .waitForJSCondition(function(window) { 5 | return window.webComponentsAreReady; 6 | }, 80000); 7 | } 8 | 9 | function goToAboutBlank(actions, find) { 10 | // Firefox stops responding on socket after a test, workaround: 11 | return actions.executeJS(function(window) { 12 | window.location.href = 'about:blank'; // just go away, please! 13 | }); 14 | } 15 | 16 | rootSuite 17 | .before(wait) 18 | .after(goToAboutBlank); 19 | ['lumo', 'material'].forEach(theme => { 20 | gemini.suite(`text-field-1-${theme}`, function(suite) { 21 | suite 22 | .setUrl(`vaadin-text-field/text-field-1.html?theme=${theme}`) 23 | .setCaptureElements('#text-field') 24 | .capture('text-field-1'); 25 | }); 26 | 27 | gemini.suite(`text-field-2-${theme}`, function(suite) { 28 | suite 29 | .setUrl(`vaadin-text-field/text-field-2.html?theme=${theme}`) 30 | .setCaptureElements('#text-field') 31 | .capture('text-field-2'); 32 | }); 33 | 34 | gemini.suite(`text-field-3-${theme}`, function(suite) { 35 | suite 36 | .setUrl(`vaadin-text-field/text-field-3.html?theme=${theme}`) 37 | .setCaptureElements('#text-field') 38 | .capture('text-field-3'); 39 | }); 40 | 41 | gemini.suite(`text-field-styling-${theme}`, function(suite) { 42 | suite 43 | .setUrl(`vaadin-text-field/styling.html?theme=${theme}`) 44 | .setCaptureElements('#text-field') 45 | .capture('styling'); 46 | }); 47 | 48 | gemini.suite(`text-field-rtl-${theme}`, function(suite) { 49 | suite 50 | .setUrl(`vaadin-text-field/rtl.html?theme=${theme}`) 51 | .setCaptureElements('#rtl') 52 | .capture('rtl'); 53 | }); 54 | 55 | gemini.suite(`text-field-clear-button-${theme}`, function(suite) { 56 | suite 57 | .setUrl(`vaadin-text-field/text-field-clear-btn.html?theme=${theme}`) 58 | .setCaptureElements('#text-field-clear-button') 59 | .capture('text-field-clear-button'); 60 | }); 61 | 62 | gemini.suite(`password-field-${theme}`, function(suite) { 63 | suite 64 | .setUrl(`vaadin-password-field/password-field.html?theme=${theme}`) 65 | .setCaptureElements('#password-field') 66 | .capture('password-field'); 67 | }); 68 | 69 | gemini.suite(`password-field-rtl-${theme}`, function(suite) { 70 | suite 71 | .setUrl(`vaadin-password-field/rtl.html?theme=${theme}`) 72 | .setCaptureElements('#rtl') 73 | .capture('rtl'); 74 | }); 75 | 76 | gemini.suite(`password-field-clear-button-${theme}`, function(suite) { 77 | suite 78 | .setUrl(`vaadin-password-field/password-field-clear-btn.html?theme=${theme}`) 79 | .setCaptureElements('#password-field-clear-button') 80 | .capture('password-field-clear-button'); 81 | }); 82 | 83 | gemini.suite(`number-field-${theme}`, function(suite) { 84 | suite 85 | .setUrl(`vaadin-number-field/number-field.html?theme=${theme}`) 86 | .setCaptureElements('#number-field') 87 | .capture('number-field'); 88 | }); 89 | 90 | gemini.suite(`number-field-rtl-${theme}`, function(suite) { 91 | suite 92 | .setUrl(`vaadin-number-field/rtl.html?theme=${theme}`) 93 | .setCaptureElements('#rtl') 94 | .capture('rtl'); 95 | }); 96 | 97 | gemini.suite(`text-area-1-${theme}`, function(suite) { 98 | suite 99 | .setUrl(`vaadin-text-area/text-area-1.html?theme=${theme}`) 100 | .setCaptureElements('#text-area') 101 | .capture('text-area-1', function(actions) { 102 | actions.executeJS(function(window) { 103 | window.scrollTextArea(); 104 | }); 105 | }); 106 | }); 107 | 108 | gemini.suite(`text-area-2-${theme}`, function(suite) { 109 | suite 110 | .setUrl(`vaadin-text-area/text-area-2.html?theme=${theme}`) 111 | .setCaptureElements('#text-area') 112 | .capture('text-area-2'); 113 | }); 114 | 115 | gemini.suite(`text-area-3-${theme}`, function(suite) { 116 | suite 117 | .setUrl(`vaadin-text-area/text-area-3.html?theme=${theme}`) 118 | .setCaptureElements('#text-area') 119 | .capture('text-area-3'); 120 | }); 121 | 122 | gemini.suite(`text-area-styling-${theme}`, function(suite) { 123 | suite 124 | .setUrl(`vaadin-text-area/styling.html?theme=${theme}`) 125 | .setCaptureElements('#text-area') 126 | .capture('styling'); 127 | }); 128 | 129 | gemini.suite(`text-area-rtl-${theme}`, function(suite) { 130 | suite 131 | .setUrl(`vaadin-text-area/rtl.html?theme=${theme}`) 132 | .setCaptureElements('#rtl') 133 | .capture('rtl'); 134 | }); 135 | 136 | gemini.suite(`text-area-clear-button-${theme}`, function(suite) { 137 | suite 138 | .setUrl(`vaadin-text-area/text-area-clear-btn.html?theme=${theme}`) 139 | .setCaptureElements('#text-area-clear-button') 140 | .capture('text-area-clear-button'); 141 | }); 142 | 143 | gemini.suite(`text-area-scrolled-${theme}`, function(suite) { 144 | suite 145 | .setUrl(`vaadin-text-area/text-area-scrolled.html?theme=${theme}`) 146 | .setCaptureElements('#text-area-scrolled') 147 | .capture('text-area-scrolled'); 148 | }); 149 | }); 150 | }); 151 | -------------------------------------------------------------------------------- /test/visual/vaadin-number-field/number-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 19 | 20 | 21 | 22 | 23 |
24 |

25 | 26 |

27 | 28 |

29 | 30 |

31 | 32 |

33 | 34 |

35 | 36 |

37 | 38 |

39 | 40 | -------------------------------------------------------------------------------- /test/visual/vaadin-number-field/rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /test/visual/vaadin-password-field/password-field-clear-btn.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 |
26 | 27 | 28 | -------------------------------------------------------------------------------- /test/visual/vaadin-password-field/password-field-custom-input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /test/visual/vaadin-password-field/password-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |

25 | 26 |

27 | 28 |

29 | 30 |

31 | 32 |

33 | 34 | 35 | -------------------------------------------------------------------------------- /test/visual/vaadin-password-field/rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 |

27 | 28 | اختصار 29 | لاحقة 30 | 31 |

32 | 33 | 34 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/styling.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 49 | 50 | 51 |
52 | 53 |
54 | 55 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 32 | 33 | 34 |
35 |
36 | default: 37 |

38 | value: 39 |

40 | focused: 41 |

42 | readonly: 48 |

49 |
50 | 51 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 32 | 33 | 34 |
35 |
36 | disabled: 37 |

38 | placeholder: 39 |

40 | invalid: 41 |

42 | label: 43 |

44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 32 | 33 | 34 |
35 |
36 | label and value: 37 |

38 | label, helper and value: 39 |

40 | prefix and suffix: 41 | 42 | prefix 43 | suffix 44 | 45 |

46 | long: 47 |

48 |
49 | 50 | 51 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-clear-btn.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 |
26 | 27 | 28 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-custom-textarea.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-area/text-area-scrolled.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 |

27 | 28 |

29 | 30 | اختصار 31 | لاحقة 32 | 33 |

34 | 35 |

36 | 37 |

38 | 39 |

40 |

41 | 42 | 43 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/styling.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 49 | 50 | 51 |
52 | 53 |
54 | 55 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/text-field-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 36 | 37 | 38 |
39 |
40 |

41 | default: 42 |

43 | value: 44 |

45 | focused: 46 |

47 | disabled: 48 |

49 | readonly: 50 |

51 | placeholder: 52 |

53 | invalid: 54 |

55 | input-prevented: 56 |

57 |
58 | 59 | 60 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/text-field-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 39 | 40 | 41 |
42 |
43 |

44 | label: 45 |

46 |

47 | overflow label: 48 |

49 |

50 | overflow float label: 51 |

52 | label and value: 53 |

54 | label, helper and value: 55 |

56 | custom helper: 57 | 58 | Baz 59 | 60 |

61 | prefix and suffix: 62 | 63 | prefix 64 | suffix 65 | 66 |

67 | long: 68 |

69 | short with prefix and suffix: 70 | 71 | prefix 72 | suffix 73 | 74 |

75 |
76 | 77 | 78 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/text-field-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 39 | 40 | 41 |
42 |
43 |

44 | 45 | 46 |

47 | 48 | 49 |

50 | 51 | 52 |

53 | 54 | 55 |

56 | 57 | 58 |

59 | 60 | 61 |

62 |
63 | 64 | 65 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/text-field-clear-btn.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 |
26 | 27 | 28 | -------------------------------------------------------------------------------- /test/visual/vaadin-text-field/text-field-custom-input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-email-field-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-email-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-integer-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-number-field-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 46 | 47 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-number-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-password-field-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 26 | 27 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-password-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-placeholder-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 61 | 62 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-text-area-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 63 | 64 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-text-area.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /theme/lumo/vaadin-text-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /theme/material/vaadin-email-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /theme/material/vaadin-integer-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /theme/material/vaadin-number-field-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 29 | 30 | -------------------------------------------------------------------------------- /theme/material/vaadin-number-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /theme/material/vaadin-password-field-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 31 | 32 | -------------------------------------------------------------------------------- /theme/material/vaadin-password-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /theme/material/vaadin-placeholder-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /theme/material/vaadin-text-area-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 29 | 30 | -------------------------------------------------------------------------------- /theme/material/vaadin-text-area.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /theme/material/vaadin-text-field.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /vaadin-directory-description.md: -------------------------------------------------------------------------------- 1 | 2 | # <vaadin-text-field> 3 | 4 | [![Available in Vaadin_Directory](https://img.shields.io/vaadin-directory/v/vaadinvaadin-text-field.svg)](https://vaadin.com/directory/component/vaadinvaadin-text-field) 5 | 6 | [<vaadin-text-field>](https://vaadin.com/components/vaadin-text-field) is a themable Web Component providing input controls in forms, part of the [Vaadin components](https://vaadin.com/components). 7 | 8 | 9 | [Screenshot of vaadin-text-field](https://vaadin.com/components/vaadin-text-field) 10 | 11 | ## Example Usage 12 | ```html 13 | 14 | 15 | 16 | 17 | 18 | 19 | ``` 20 | -------------------------------------------------------------------------------- /vaadin-email-field.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /vaadin-integer-field.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /vaadin-number-field.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /vaadin-password-field.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /vaadin-text-area.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /vaadin-text-field.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /wct.conf.js: -------------------------------------------------------------------------------- 1 | var envIndex = process.argv.indexOf('--env') + 1; 2 | var env = envIndex ? process.argv[envIndex] : undefined; 3 | 4 | // workaround for Android 7+ blocking all HTTP traffic 5 | // see https://wiki.saucelabs.com/display/DOCS/Known+Issues 6 | // add it to your own local `/etc/hosts` to run SauceLabs tests locally 7 | var tunneledLocalhost = 'localhost-for-saucelabs'; 8 | 9 | module.exports = { 10 | testTimeout: 180 * 1000, 11 | verbose: false, 12 | plugins: { 13 | local: { 14 | browserOptions: { 15 | chrome: [ 16 | 'headless', 17 | 'disable-gpu', 18 | 'no-sandbox' 19 | ] 20 | } 21 | }, 22 | }, 23 | 24 | registerHooks: function(context) { 25 | const testBrowsers = [ 26 | { 27 | deviceName: 'Android GoogleAPI Emulator', 28 | platformName: 'Android', 29 | platformVersion: '11.0', 30 | browserName: 'Chrome', 31 | }, 32 | 'iOS Simulator/iphone@10.3', // should be 9.x, but SauceLabs does not provide that 33 | 'macOS 11/safari@latest', 34 | 'Windows 10/microsoftedge@latest', 35 | 'Windows 10/internet explorer@11', 36 | 'Windows 10/chrome@latest', 37 | 'Windows 10/firefox@latest', 38 | ]; 39 | 40 | if (env === 'saucelabs') { 41 | context.options.webserver = context.options.webserver || {}; 42 | context.options.webserver.hostname = tunneledLocalhost; 43 | context.options.plugins.sauce.tunnelOptions = { 44 | tunnelDomains: tunneledLocalhost 45 | }; 46 | 47 | context.options.plugins.sauce.browsers = testBrowsers; 48 | } 49 | 50 | // Map legacy tunnel-identifier option to new tunnel-name option 51 | context.hookLate('prepare', (done) => { 52 | context.options.activeBrowsers.forEach((browser) => { 53 | browser['tunnel-name'] = browser['tunnel-identifier']; 54 | delete browser['tunnel-identifier']; 55 | }); 56 | done(); 57 | }); 58 | } 59 | }; 60 | --------------------------------------------------------------------------------