சேவை விருப்பங்கள்

சேவை விருப்பங்கள் என்பவை சேவை உருவாக்கப்படும் போது அமைக்கப்படும் விருப்பங்கள், இவை ஒவ்வொரு முறை அழைப்புக்கும் பயன்படுத்தப்படும்.

// wdio.conf.(js|ts)
export const config = {
 // ...
 // =====
 // Setup
 // =====
 services: [
 [
 "visual",
 {
 // The options
 },
 ],
 ],
 // ...
};

இயல்புநிலை விருப்பங்கள்

addressBarShadowPadding

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: 6
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

iOS மற்றும் Android இல் முகவரிப் பட்டியில் காட்சிப்பகுதியை சரியாக வெட்டுவதற்கு இந்த பேடிங் சேர்க்கப்பட வேண்டும்.

autoElementScroll

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: true
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ)

இந்த விருப்பம் உறுப்பு திரைப்பிடிப்பு உருவாக்கப்படும் போது உறுப்பின் தானியங்கி ஸ்க்ரோலைத் முடக்க அனுமதிக்கிறது.

addIOSBezelCorners

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

iOS சாதனங்களுக்கு பெஸல் மூலைகளை மற்றும் நாட்ச்/டைனமிக் ஐலண்டை திரைப்பிடிப்புக்கு சேர்க்கும்.

குறிப்பு

சாதன பெயர் தானாகவே தீர்மானிக்கப்படும் போது மட்டுமே இதை செய்ய முடியும் மற்றும் பின்வரும் இயல்பாக்கப்பட்ட சாதனப் பெயர்களின் பட்டியலுடன் பொருந்தும். இயல்பாக்குதல் இந்த மாடியூல் மூலம் செய்யப்படும். iPhone:

• iPhone X: iphonex
• iPhone XS: iphonexs
• iPhone XS Max: iphonexsmax
• iPhone XR: iphonexr
• iPhone 11: iphone11
• iPhone 11 Pro: iphone11pro
• iPhone 11 Pro Max: iphone11promax
• iPhone 12: iphone12
• iPhone 12 Mini: iphone12mini
• iPhone 12 Pro: iphone12pro
• iPhone 12 Pro Max: iphone12promax
• iPhone 13: iphone13
• iPhone 13 Mini: iphone13mini
• iPhone 13 Pro: iphone13pro
• iPhone 13 Pro Max: iphone13promax
• iPhone 14: iphone14
• iPhone 14 Plus: iphone14plus
• iPhone 14 Pro: iphone14pro
• iPhone 14 Pro Max: iphone14promax iPads:
• iPad Mini 6th Generation: ipadmini
• iPad Air 4th Generation: ipadair
• iPad Air 5th Generation: ipadair
• iPad Pro (11-inch) 1st Generation: ipadpro11
• iPad Pro (11-inch) 2nd Generation: ipadpro11
• iPad Pro (11-inch) 3rd Generation: ipadpro11
• iPad Pro (12.9-inch) 3rd Generation: ipadpro129
• iPad Pro (12.9-inch) 4th Generation: ipadpro129
• iPad Pro (12.9-inch) 5th Generation: ipadpro129

autoSaveBaseline

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: true
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

ஒப்பீடு செய்யும் போது அடிப்படை படம் எதுவும் காணப்படவில்லை என்றால், படம் தானாகவே அடிப்படை கோப்புறைக்கு நகலெடுக்கப்படும்.

alwaysSaveActualImage

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: true
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: அனைத்தும்

இந்த விருப்பத்தை false என அமைக்கும் போது:

• வேறுபாடு இல்லை என்றால் உண்மையான படத்தை சேமிக்காது
• createJsonReportFiles true என அமைக்கப்பட்டிருந்தால் jsonreport கோப்பை சேமிக்காது. மேலும் createJsonReportFiles முடக்கப்பட்டுள்ளது என்று பதிவுகளில் எச்சரிக்கையையும் காட்டும்

கோப்புகள் எழுதப்படாததால் இது சிறந்த செயல்திறனை உருவாக்க வேண்டும் மற்றும் actual கோப்புறையில் அதிக இரைச்சல் இல்லாதிருப்பதை உறுதிப்படுத்த வேண்டும்.

baselineFolder

• வகை: string|()=> string
• கட்டாயம்: இல்லை
• இயல்புநிலை: .path/to/testfile/__snapshots__/
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

ஒப்பீடு செய்யும் போது பயன்படுத்தப்படும் அனைத்து அடிப்படை படங்களையும் வைத்திருக்கும் டைரக்டரி. அமைக்கப்படவில்லை என்றால், இயல்புநிலை மதிப்பு பயன்படுத்தப்படும், இது காட்சி சோதனைகளை இயக்கும் ஸ்பெக் அருகில் __snapshots__/-கோப்புறையில் கோப்புகளை சேமிக்கும். string ஐ திருப்பி தரும் செயல்பாட்டை baselineFolder மதிப்பை அமைக்க பயன்படுத்தலாம்:

{
 baselineFolder: path.join(process.cwd(), 'foo', 'bar', 'baseline')
},
// அல்லது
{
 baselineFolder: () => {
 // இங்கே சில மாயாஜாலம் செய்
 return path.join(process.cwd(), 'foo', 'bar', 'baseline');
 }
}

clearRuntimeFolder

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

துவக்கத்தில் ரன்டைம் கோப்புறையை (actual & diff) நீக்கு

குறிப்பு

இது screenshotPath ப்ளக்-இன் விருப்பங்கள் மூலம் அமைக்கப்பட்டிருந்தால் மட்டுமே செயல்படும், மற்றும் முறைகளில் கோப்புறைகளை அமைக்கும் போது செயல்படாது

createJsonReportFiles (புதியது)

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false

இப்போது ஒப்பீடு முடிவுகளை ஒரு JSON அறிக்கை கோப்பில் ஏற்றுமதி செய்ய விருப்பம் உள்ளது. createJsonReportFiles: true விருப்பத்தை வழங்குவதன் மூலம், ஒப்பிடப்படும் ஒவ்வொரு படமும் actual கோப்புறையில், ஒவ்வொரு actual பட முடிவு அருகிலும் சேமிக்கப்படும் ஒரு அறிக்கையை உருவாக்கும். வெளியீடு இவ்வாறு இருக்கும்:

{
 "parent": "check methods",
 "test": "should fail comparing with a baseline",
 "tag": "examplePageFail",
 "instanceData": {
 "browser": {
 "name": "chrome-headless-shell",
 "version": "126.0.6478.183"
 },
 "platform": {
 "name": "mac",
 "version": "not-known"
 }
 },
 "commandName": "checkScreen",
 "boundingBoxes": {
 "diffBoundingBoxes": [
 {
 "left": 1088,
 "top": 717,
 "right": 1186,
 "bottom": 730
 }
 //....
 ],
 "ignoredBoxes": [
 {
 "left": 159,
 "top": 652,
 "right": 356,
 "bottom": 703
 }
 //...
 ]
 },
 "fileData": {
 "actualFilePath": "/Users/wdio/visual-testing/.tmp/actual/desktop_chrome-headless-shellexamplePageFail-local-chrome-latest-1366x768.png",
 "baselineFilePath": "/Users/wdio/visual-testing/localBaseline/desktop_chrome-headless-shellexamplePageFail-local-chrome-latest-1366x768.png",
 "diffFilePath": "/Users/wdio/visual-testing/.tmp/diff/desktop_chrome-headless-shell/examplePageFail-local-chrome-latest-1366x768png",
 "fileName": "examplePageFail-local-chrome-latest-1366x768.png",
 "size": {
 "actual": {
 "height": 768,
 "width": 1366
 },
 "baseline": {
 "height": 768,
 "width": 1366
 },
 "diff": {
 "height": 768,
 "width": 1366
 }
 }
 },
 "misMatchPercentage": "12.90",
 "rawMisMatchPercentage": 12.900729014153246
}

அனைத்து சோதனைகளும் செயல்படுத்தப்பட்டதும், ஒப்பீடுகளின் தொகுப்புடன் ஒரு புதிய JSON கோப்பு உருவாக்கப்படும் மற்றும் உங்கள் actual கோப்புறையின் ரூட்டில் காணலாம். தரவு இவற்றின் அடிப்படையில் குழுவாக்கப்பட்டுள்ளது:

• Jasmine/Mocha-விற்கு describe அல்லது CucumberJS-க்கு Feature
• Jasmine/Mocha-விற்கு it அல்லது CucumberJS-க்கு Scenario பின்னர் இவற்றால் வரிசைப்படுத்தப்படும்:
• commandName, இது படங்களை ஒப்பிட பயன்படுத்தப்படும் ஒப்பீடு முறை பெயர்கள்
• instanceData, முதலில் உலாவி, பின்னர் சாதனம், பின்னர் தளம் இது இவ்வாறு தோற்றமளிக்கும்

[
 {
 "description": "check methods",
 "data": [
 {
 "test": "should fail comparing with a baseline",
 "data": [
 {
 "tag": "examplePageFail",
 "instanceData": {},
 "commandName": "checkScreen",
 "framework": "mocha",
 "boundingBoxes": {
 "diffBoundingBoxes": [],
 "ignoredBoxes": []
 },
 "fileData": {},
 "misMatchPercentage": "14.34",
 "rawMisMatchPercentage": 14.335403703025868
 },
 {
 "tag": "exampleElementFail",
 "instanceData": {},
 "commandName": "checkElement",
 "framework": "mocha",
 "boundingBoxes": {
 "diffBoundingBoxes": [],
 "ignoredBoxes": []
 },
 "fileData": {},
 "misMatchPercentage": "1.34",
 "rawMisMatchPercentage": 1.335403703025868
 }
 ]
 }
 ]
 }
]

அறிக்கை தரவு அனைத்து மாயாஜாலம் மற்றும் தரவு சேகரிப்பு நீங்களாகவே செய்யாமல் உங்கள் சொந்த காட்சி அறிக்கையை உருவாக்க வாய்ப்பளிக்கும்.

குறிப்பு

நீங்கள் @wdio/visual-testing பதிப்பு 5.2.0 அல்லது அதற்கு மேல் பயன்படுத்த வேண்டும்

disableBlinkingCursor

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ)

பயன்பாட்டில் உள்ள அனைத்து input, textarea, [contenteditable] கேரட் "மினுமினுப்பை" இயக்கு/முடக்கு. true என அமைக்கப்பட்டால், திரைப்பிடிப்பு எடுக்கும் முன் கேரட் transparent ஆக அமைக்கப்படும் மற்றும் முடிந்ததும் மீட்டமைக்கப்படும்

disableCSSAnimation

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ)

பயன்பாட்டில் உள்ள அனைத்து CSS அனிமேஷன்களையும் இயக்கு/முடக்கு. true என அமைக்கப்பட்டால், திரைப்பிடிப்பு எடுக்கும் முன் அனைத்து அனிமேஷன்களும் முடக்கப்படும் மற்றும் முடிந்ததும் மீட்டமைக்கப்படும்

enableLayoutTesting

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

இது பக்கத்தில் உள்ள அனைத்து உரைகளையும் மறைக்கும், அதனால் ஒப்பீட்டிற்கு தளவமைப்பு மட்டுமே பயன்படுத்தப்படும். மறைத்தல் ஒவ்வொரு உறுப்புக்கும் 'color': 'transparent !important' பாணியைச் சேர்ப்பதன் மூலம் செய்யப்படும்.

வெளியீட்டிற்கு சோதனை வெளியீடு பார்க்கவும்

தகவல்

இந்த கொடியைப் பயன்படுத்துவதன் மூலம், உரை கொண்ட ஒவ்வொரு உறுப்பும் (அதாவது p, h1, h2, h3, h4, h5, h6, span, a, li மட்டுமல்ல, ஆனால் div|button|.. போன்றவையும்) இந்த பண்பைப் பெறும். இதைத் தனிப்பயனாக்க எந்த விருப்பமும் இல்லை.

formatImageName

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: {tag}-{browserName}-{width}x{height}-dpr-{dpr}
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

சேமிக்கப்பட்ட படங்களின் பெயரை பின்வரும் போன்ற வடிவமைப்பு சரத்துடன் formatImageName அளவுருவை வழங்குவதன் மூலம் தனிப்பயனாக்கலாம்:

{tag}-{browserName}-{width}x{height}-dpr-{dpr}

பின்வரும் மாறிகளை சரத்தை வடிவமைக்க அனுப்பலாம் மற்றும் அவை தானாகவே நிகழ்நிலை திறன்களிலிருந்து படிக்கப்படும். அவற்றை தீர்மானிக்க முடியாவிட்டால் இயல்புநிலைகள் பயன்படுத்தப்படும்.

• browserName: வழங்கப்பட்ட திறன்களில் உள்ள உலாவியின் பெயர்
• browserVersion: திறன்களில் வழங்கப்பட்ட உலாவியின் பதிப்பு
• deviceName: திறன்களிலிருந்து சாதனத்தின் பெயர்
• dpr: சாதன பிக்சல் விகிதம்
• height: திரையின் உயரம்
• logName: திறன்களிலிருந்து logName
• mobile: இது ஆப் திரைப்பிடிப்புகளை உலாவி திரைப்பிடிப்புகளிலிருந்து வேறுபடுத்துவதற்கு deviceName க்குப் பிறகு _app, அல்லது உலாவி பெயரைச் சேர்க்கும்
• platformName: வழங்கப்பட்ட திறன்களில் உள்ள தளத்தின் பெயர்
• platformVersion: திறன்களில் வழங்கப்பட்ட தளத்தின் பதிப்பு
• tag: அழைக்கப்படும் முறைகளில் வழங்கப்படும் டேக்
• width: திரையின் அகலம்

தகவல்

நீங்கள் formatImageName இல் தனிப்பட்ட பாதைகள்/கோப்புறைகளை வழங்க முடியாது. நீங்கள் பாதையை மாற்ற விரும்பினால், பின்வரும் விருப்பங்களை மாற்றுவதை சரிபார்க்கவும்:

• baselineFolder
• screenshotPath
• ஒவ்வொரு முறைக்கும் folderOptions

fullPageScrollTimeout

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: 1500
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

ஸ்க்ரோல் செய்த பிறகு காத்திருக்க வேண்டிய மில்லிவினாடிகளில் டைம்அவுட். இது சோம்பேறி ஏற்றல் கொண்ட பக்கங்களை அடையாளம் காண உதவலாம்.

தகவல்

இது சேவை/முறை விருப்பம் userBasedFullPageScreenshot true என அமைக்கப்பட்டிருந்தால் மட்டுமே செயல்படும், userBasedFullPageScreenshot ஐயும் பார்க்கவும்

hideScrollBars

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: true
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ)

பயன்பாட்டில் உள்ள ஸ்க்ரோல்பார்களை மறைக்கவும். true என அமைக்கப்பட்டால், திரைப்பிடிப்பு எடுக்கும் முன் அனைத்து ஸ்க்ரோல்பார்களும் முடக்கப்படும். கூடுதல் சிக்கல்களைத் தடுக்க இது இயல்புநிலையாக true என அமைக்கப்பட்டுள்ளது.

logLevel

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: info
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

கூடுதல் பதிவுகளைச் சேர்க்கிறது, விருப்பங்கள் debug | info | warn | silent

பிழைகள் எப்போதும் கன்சோலில் பதிவு செய்யப்படுகின்றன.

savePerInstance

• வகை: boolean
• இயல்புநிலை: false
• கட்டாயம்: இல்லை
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

ஒவ்வொரு நிகழ்வுக்கும் படங்களை தனி கோப்புறையில் சேமிக்கவும், எடுத்துக்காட்டாக அனைத்து Chrome திரைப்பிடிப்புகளும் desktop_chrome போன்ற Chrome கோப்புறையில் சேமிக்கப்படும்.

screenshotPath

• வகை: string | () => string
• இயல்புநிலை: .tmp/
• கட்டாயம்: இல்லை
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப்

அனைத்து உண்மையான/வித்தியாசமான திரைப்பிடிப்புகளையும் வைத்திருக்கும் டைரக்டரி. அமைக்கப்படவில்லை என்றால், இயல்புநிலை மதிப்பு பயன்படுத்தப்படும். சரம் திருப்பியளிக்கும் செயல்பாட்டை screenshotPath மதிப்பை அமைக்க பயன்படுத்தலாம்:

{
 screenshotPath: path.join(process.cwd(), 'foo', 'bar', 'screenshotPath')
},
// அல்லது
{
 screenshotPath: () => {
 // இங்கே சில மாயாஜாலம் செய்
 return path.join(process.cwd(), 'foo', 'bar', 'screenshotPath');
 }
}

toolBarShadowPadding

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: Android-க்கு 6 மற்றும் iOS-க்கு 15 (இயல்புநிலையாக 6 மற்றும் 9 தானாக சேர்க்கப்படும், நாட்ச் கொண்ட ஐபோன்கள் அல்லது ஹோம் பார் கொண்ட ஐபேட்களின் சாத்தியமான ஹோம் பாருக்காக)
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

iOS மற்றும் Android இல் காட்சிப்பகுதியை சரியாக வெட்டுவதற்கு டூல்பார் பாருக்கு சேர்க்கப்பட வேண்டிய பேடிங்.

userBasedFullPageScreenshot

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: false
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ) visual-service@7.0.0 இல் அறிமுகப்படுத்தப்பட்டது

இயல்பாக, டெஸ்க்டாப் இணையத்தில் முழு-பக்க திரைப்பிடிப்புகள் WebDriver BiDi நெறிமுறையைப் பயன்படுத்தி எடுக்கப்படுகின்றன, இது ஸ்க்ரோல் செய்யாமலேயே வேகமான, நிலையான மற்றும் நிலையான திரைப்பிடிப்புகளை இயக்குகிறது. userBasedFullPageScreenshot true ஆக அமைக்கப்பட்டிருக்கும் போது, திரைப்பிடிப்பு செயல்முறை ஒரு உண்மையான பயனரை அனுகரிக்கிறது: பக்கத்தில் ஸ்க்ரோல் செய்தல், காட்சிப்பகுதி அளவிலான திரைப்பிடிப்புகளை எடுத்தல் மற்றும் அவற்றை ஒன்றாக இணைத்தல். இந்த முறை சோம்பேறி-ஏற்றப்பட்ட உள்ளடக்கம் அல்லது ஸ்க்ரோல் நிலையைப் பொறுத்து மாறும் டைனமிக் ரெண்டரிங் கொண்ட பக்கங்களுக்கு பயனுள்ளதாக இருக்கும்.

உங்கள் பக்கம் ஸ்க்ரோல் செய்யும்போது உள்ளடக்கம் ஏற்றப்படுவதைச் சார்ந்திருந்தால் அல்லது நீங்கள் பழைய திரைப்பிடிப்பு முறைகளின் நடத்தையைப் பாதுகாக்க விரும்பினால் இந்த விருப்பத்தைப் பயன்படுத்தவும்.

waitForFontsLoaded

• வகை: boolean
• கட்டாயம்: இல்லை
• இயல்புநிலை: true
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ)

எழுத்துருக்கள், மூன்றாம் தரப்பு எழுத்துருக்கள் உட்பட, ஒத்திசைவாகவோ அல்லது ஒத்திசைவற்றோ ஏற்றப்படலாம். ஒத்திசைவற்ற ஏற்றல் என்பது WebdriverIO ஒரு பக்கம் முழுமையாக ஏற்றப்பட்டதாக தீர்மானித்த பிறகு எழுத்துருக்கள் ஏற்றப்படலாம் என்று பொருள். எழுத்துருக்கள் ரெண்டரிங் சிக்கல்களைத் தடுக்க, இந்த மாடியூல், இயல்பாக, திரைப்பிடிப்பு எடுக்கும் முன் அனைத்து எழுத்துருக்களும் ஏற்றப்படும் வரை காத்திருக்கும்.

Tabbable விருப்பங்கள்

குறிப்பு

இந்த மாடியூல் தாப்படும் உறுப்பிலிருந்து தாப்படும் உறுப்புக்கு கோடுகள் மற்றும் புள்ளிகளை வரைவதன் மூலம் ஒரு பயனர் தனது விசைப்பலகையைப் பயன்படுத்தி இணையதளத்தில் tab செய்யும் விதத்தை வரைவதையும் ஆதரிக்கிறது.
இந்த வேலை Viv Richards அவரது "AUTOMATING PAGE TABABILITY (IS THAT A WORD?) WITH VISUAL TESTING" பதிவால் உத்வேகம் பெற்றது.
டேப்பிள் எலிமெண்ட்கள் தேர்ந்தெடுக்கப்படும் விதம் tabbable மாடியூல் அடிப்படையில் உள்ளது. டேப்பிங் தொடர்பான ஏதேனும் சிக்கல்கள் இருந்தால், README.md மற்றும் குறிப்பாக More details section சரிபார்க்கவும்.

tabbableOptions

• வகை: object
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

நீங்கள் {save|check}Tabbable-முறைகளைப் பயன்படுத்தினால் கோடுகள் மற்றும் புள்ளிகளுக்கு மாற்றப்படக்கூடிய விருப்பங்கள். விருப்பங்கள் கீழே விளக்கப்பட்டுள்ளன.

tabbableOptions.circle

• வகை: object
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தை மாற்றுவதற்கான விருப்பங்கள்.

tabbableOptions.circle.backgroundColor

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தின் பின்னணி நிறம்.

tabbableOptions.circle.borderColor

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தின் எல்லை நிறம்.

tabbableOptions.circle.borderWidth

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தின் எல்லை அகலம்.

tabbableOptions.circle.fontColor

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தில் உள்ள உரையின் எழுத்து நிறம். இது showNumber true என அமைக்கப்பட்டிருந்தால் மட்டுமே காட்டப்படும்.

tabbableOptions.circle.fontFamily

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தில் உள்ள உரையின் எழுத்து குடும்பம். இது showNumber true என அமைக்கப்பட்டிருந்தால் மட்டுமே காட்டப்படும்.

உலாவிகள் ஆதரிக்கும் எழுத்துருக்களை அமைக்கவும்.

tabbableOptions.circle.fontSize

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தில் உள்ள உரையின் எழுத்து அளவு. இது showNumber true என அமைக்கப்பட்டிருந்தால் மட்டுமே காட்டப்படும்.

tabbableOptions.circle.size

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தின் அளவு.

tabbableOptions.circle.showNumber

• வகை: showNumber
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

வட்டத்தில் டேப் வரிசை எண்ணைக் காட்டு.

tabbableOptions.line

• வகை: object
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

கோட்டை மாற்றுவதற்கான விருப்பங்கள்.

tabbableOptions.line.color

• வகை: string
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

கோட்டின் நிறம்.

tabbableOptions.line.width

• வகை: number
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம்

கோட்டின் அகலம்.

ஒப்பிடு விருப்பங்கள்

compareOptions

• வகை: object
• கட்டாயம்: இல்லை
• இயல்புநிலை: அனைத்து இயல்புநிலை மதிப்புகளுக்கும் இங்கே பார்க்கவும்
• ஆதரிக்கப்படும் பயன்பாட்டு சூழல்கள்: இணையம், ஹைப்ரிட் ஆப் (வெப்வியூ), நேட்டிவ் ஆப் (மேலும் தகவலுக்கு முறை ஒப்பிடு விருப்பங்கள் பார்க்கவும்)

ஒப்பிடு விருப்பங்களை சேவை விருப்பங்களாகவும் அமைக்கலாம், அவை முறை ஒப்பிடு விருப்பங்கள் இல் விவரிக்கப்பட்டுள்ளன