CodeceptJS
CodeceptJS copied to clipboard
Published
20 hours ago •
codeceptjs
codeceptjs
seeCssPropertiesOnElements not work on firefox browser (playwright helper)
What are you trying to achieve?
I use playwright helper and i want the seeCssPropertiesOnElements to work on firefox
What do you get instead?
Provide console output if related. Use
--verbosemode for more details.
Main --
Check header color
I am on page "https://codecept.io/helpers/Playwright/"
I see css properties on elements ".navbar", {"background-color":"rgb(128, 90, 213)"}
✖ FAILED in 2306ms
-- FAILURES:
1) Main
Check header color:
expected all elements (.navbar) to have CSS property {"background-color":"rgb(128, 90, 213)"} "0" to equal "1"
Scenario Steps:
- I.seeCssPropertiesOnElements(".navbar", {"background-color":"rgb(128, 90, 213)"}) at Test.<anonymous> (./main_test.js:5:5)
- I.amOnPage("https://codecept.io/helpers/Playwright/") at Test.<anonymous> (./main_test.js:4:5)
Provide test source code if related
Next scenario work on chromium but not work on firefox
Scenario('Check header color', ({ I }) => {
I.amOnPage('https://codecept.io/helpers/Playwright/')
I.seeCssPropertiesOnElements('.navbar', { 'background-color': 'rgb(128, 90, 213)' })
});
Details
- CodeceptJS version:
3.3.4 - NodeJS Version:
14.20.0 - Operating System:
Linux 5.15 Ubuntu 20.04.4 LTS - firefoxInfo:
102.0 - Configuration file:
const { setHeadlessWhen, setCommonPlugins } = require('@codeceptjs/configure');
// turn on headless mode when running with HEADLESS=true environment variable
// export HEADLESS=true && npx codeceptjs run
setHeadlessWhen(process.env.HEADLESS);
// enable all common plugins https://github.com/codeceptjs/configure#setcommonplugins
setCommonPlugins();
exports.config = {
tests: './*_test.js',
output: './output',
helpers: {
Playwright: {
url: 'https://codecept.io/',
show: true,
browser: 'firefox'
}
},
include: {
I: './steps_file.js'
},
bootstrap: null,
mocha: {},
name: 'codeceptjs-test'
}
I also tried to figure out what is going on
locally I add output to console here
...
.then((props) => {
console.log(props) // <--
if (isColorProperty(prop)) {
...
output console.log(props)
{
'0': 'accent-color',
'1': 'align-content',
'2': 'align-items',
'3': 'align-self',
'4': 'animation-delay',
'5': 'animation-direction',
'6': 'animation-duration',
'7': 'animation-fill-mode',
'8': 'animation-iteration-count',
'9': 'animation-name',
'10': 'animation-play-state',
'11': 'animation-timing-function',
'12': 'appearance',
'13': 'aspect-ratio',
'14': 'backface-visibility',
'15': 'background-attachment',
'16': 'background-blend-mode',
'17': 'background-clip',
'18': 'background-color',
'19': 'background-image',
'20': 'background-origin',
'21': 'background-position-x',
'22': 'background-position-y',
'23': 'background-repeat',
'24': 'background-size',
'25': 'block-size',
'26': 'border-block-end-color',
'27': 'border-block-end-style',
'28': 'border-block-end-width',
'29': 'border-block-start-color',
'30': 'border-block-start-style',
'31': 'border-block-start-width',
'32': 'border-bottom-color',
'33': 'border-bottom-left-radius',
'34': 'border-bottom-right-radius',
'35': 'border-bottom-style',
'36': 'border-bottom-width',
'37': 'border-collapse',
'38': 'border-end-end-radius',
'39': 'border-end-start-radius',
'40': 'border-image-outset',
'41': 'border-image-repeat',
'42': 'border-image-slice',
'43': 'border-image-source',
'44': 'border-image-width',
'45': 'border-inline-end-color',
'46': 'border-inline-end-style',
'47': 'border-inline-end-width',
'48': 'border-inline-start-color',
'49': 'border-inline-start-style',
'50': 'border-inline-start-width',
'51': 'border-left-color',
'52': 'border-left-style',
'53': 'border-left-width',
'54': 'border-right-color',
'55': 'border-right-style',
'56': 'border-right-width',
'57': 'border-spacing',
'58': 'border-start-end-radius',
'59': 'border-start-start-radius',
'60': 'border-top-color',
'61': 'border-top-left-radius',
'62': 'border-top-right-radius',
'63': 'border-top-style',
'64': 'border-top-width',
'65': 'bottom',
'66': 'box-decoration-break',
'67': 'box-shadow',
'68': 'box-sizing',
'69': 'break-after',
'70': 'break-before',
'71': 'break-inside',
'72': 'caption-side',
'73': 'caret-color',
'74': 'clear',
'75': 'clip',
'76': 'clip-path',
'77': 'clip-rule',
'78': 'color',
'79': 'color-interpolation',
'80': 'color-interpolation-filters',
'81': 'color-scheme',
'82': 'column-count',
'83': 'column-fill',
'84': 'column-gap',
'85': 'column-rule-color',
'86': 'column-rule-style',
'87': 'column-rule-width',
'88': 'column-span',
'89': 'column-width',
'90': 'contain',
'91': 'content',
'92': 'counter-increment',
'93': 'counter-reset',
'94': 'counter-set',
'95': 'cursor',
'96': 'cx',
'97': 'cy',
'98': 'd',
'99': 'direction',
'100': 'display',
'101': 'dominant-baseline',
'102': 'empty-cells',
'103': 'fill',
'104': 'fill-opacity',
'105': 'fill-rule',
'106': 'filter',
'107': 'flex-basis',
'108': 'flex-direction',
'109': 'flex-grow',
'110': 'flex-shrink',
'111': 'flex-wrap',
'112': 'float',
'113': 'flood-color',
'114': 'flood-opacity',
'115': 'font-family',
'116': 'font-feature-settings',
'117': 'font-kerning',
'118': 'font-language-override',
'119': 'font-optical-sizing',
'120': 'font-size',
'121': 'font-size-adjust',
'122': 'font-stretch',
'123': 'font-style',
'124': 'font-synthesis',
'125': 'font-variant-alternates',
'126': 'font-variant-caps',
'127': 'font-variant-east-asian',
'128': 'font-variant-ligatures',
'129': 'font-variant-numeric',
'130': 'font-variant-position',
'131': 'font-variation-settings',
'132': 'font-weight',
'133': 'grid-auto-columns',
'134': 'grid-auto-flow',
'135': 'grid-auto-rows',
'136': 'grid-column-end',
'137': 'grid-column-start',
'138': 'grid-row-end',
'139': 'grid-row-start',
'140': 'grid-template-areas',
'141': 'grid-template-columns',
'142': 'grid-template-rows',
'143': 'height',
'144': 'hyphenate-character',
'145': 'hyphens',
'146': 'image-orientation',
'147': 'image-rendering',
'148': 'ime-mode',
'149': 'inline-size',
'150': 'inset-block-end',
'151': 'inset-block-start',
'152': 'inset-inline-end',
'153': 'inset-inline-start',
'154': 'isolation',
'155': 'justify-content',
'156': 'justify-items',
'157': 'justify-self',
'158': 'left',
'159': 'letter-spacing',
'160': 'lighting-color',
'161': 'line-break',
'162': 'line-height',
'163': 'list-style-image',
'164': 'list-style-position',
'165': 'list-style-type',
'166': 'margin-block-end',
'167': 'margin-block-start',
'168': 'margin-bottom',
'169': 'margin-inline-end',
'170': 'margin-inline-start',
'171': 'margin-left',
'172': 'margin-right',
'173': 'margin-top',
'174': 'marker-end',
'175': 'marker-mid',
'176': 'marker-start',
'177': 'mask-clip',
'178': 'mask-composite',
'179': 'mask-image',
'180': 'mask-mode',
'181': 'mask-origin',
'182': 'mask-position-x',
'183': 'mask-position-y',
'184': 'mask-repeat',
'185': 'mask-size',
'186': 'mask-type',
'187': 'max-block-size',
'188': 'max-height',
'189': 'max-inline-size',
'190': 'max-width',
'191': 'min-block-size',
'192': 'min-height',
'193': 'min-inline-size',
'194': 'min-width',
'195': 'mix-blend-mode',
'196': 'object-fit',
'197': 'object-position',
'198': 'offset-anchor',
'199': 'offset-distance',
'200': 'offset-path',
'201': 'offset-rotate',
'202': 'opacity',
'203': 'order',
'204': 'outline-color',
'205': 'outline-offset',
'206': 'outline-style',
'207': 'outline-width',
'208': 'overflow-anchor',
'209': 'overflow-block',
'210': 'overflow-clip-margin',
'211': 'overflow-inline',
'212': 'overflow-wrap',
'213': 'overflow-x',
'214': 'overflow-y',
'215': 'overscroll-behavior-block',
'216': 'overscroll-behavior-inline',
'217': 'overscroll-behavior-x',
'218': 'overscroll-behavior-y',
'219': 'padding-block-end',
'220': 'padding-block-start',
'221': 'padding-bottom',
'222': 'padding-inline-end',
'223': 'padding-inline-start',
'224': 'padding-left',
'225': 'padding-right',
'226': 'padding-top',
'227': 'paint-order',
'228': 'perspective',
'229': 'perspective-origin',
'230': 'pointer-events',
'231': 'position',
'232': 'print-color-adjust',
'233': 'quotes',
'234': 'r',
'235': 'resize',
'236': 'right',
'237': 'rotate',
'238': 'row-gap',
'239': 'ruby-align',
'240': 'ruby-position',
'241': 'rx',
'242': 'ry',
'243': 'scale',
'244': 'scroll-behavior',
'245': 'scroll-margin-block-end',
'246': 'scroll-margin-block-start',
'247': 'scroll-margin-bottom',
'248': 'scroll-margin-inline-end',
'249': 'scroll-margin-inline-start',
'250': 'scroll-margin-left',
'251': 'scroll-margin-right',
'252': 'scroll-margin-top',
'253': 'scroll-padding-block-end',
'254': 'scroll-padding-block-start',
'255': 'scroll-padding-bottom',
'256': 'scroll-padding-inline-end',
'257': 'scroll-padding-inline-start',
'258': 'scroll-padding-left',
'259': 'scroll-padding-right',
'260': 'scroll-padding-top',
'261': 'scroll-snap-align',
'262': 'scroll-snap-type',
'263': 'scrollbar-color',
'264': 'scrollbar-gutter',
'265': 'scrollbar-width',
'266': 'shape-image-threshold',
'267': 'shape-margin',
'268': 'shape-outside',
'269': 'shape-rendering',
'270': 'stop-color',
'271': 'stop-opacity',
'272': 'stroke',
'273': 'stroke-dasharray',
'274': 'stroke-dashoffset',
'275': 'stroke-linecap',
'276': 'stroke-linejoin',
'277': 'stroke-miterlimit',
'278': 'stroke-opacity',
'279': 'stroke-width',
'280': 'tab-size',
'281': 'table-layout',
'282': 'text-align',
'283': 'text-align-last',
'284': 'text-anchor',
'285': 'text-combine-upright',
'286': 'text-decoration-color',
'287': 'text-decoration-line',
'288': 'text-decoration-skip-ink',
'289': 'text-decoration-style',
'290': 'text-decoration-thickness',
'291': 'text-emphasis-color',
'292': 'text-emphasis-position',
'293': 'text-emphasis-style',
'294': 'text-indent',
'295': 'text-justify',
'296': 'text-orientation',
'297': 'text-overflow',
'298': 'text-rendering',
'299': 'text-shadow',
'300': 'text-transform',
'301': 'text-underline-offset',
'302': 'text-underline-position',
'303': 'top',
'304': 'touch-action',
'305': 'transform',
'306': 'transform-box',
'307': 'transform-origin',
'308': 'transform-style',
'309': 'transition-delay',
'310': 'transition-duration',
'311': 'transition-property',
'312': 'transition-timing-function',
'313': 'translate',
'314': 'unicode-bidi',
'315': 'user-select',
'316': 'vector-effect',
'317': 'vertical-align',
'318': 'visibility',
'319': 'white-space',
'320': 'width',
'321': 'will-change',
'322': 'word-break',
'323': 'word-spacing',
'324': 'writing-mode',
'325': 'x',
'326': 'y',
'327': 'z-index',
'328': '-moz-box-align',
'329': '-moz-box-direction',
'330': '-moz-box-flex',
'331': '-moz-box-ordinal-group',
'332': '-moz-box-orient',
'333': '-moz-box-pack',
'334': '-moz-float-edge',
'335': '-moz-force-broken-image-icon',
'336': '-moz-image-region',
'337': '-moz-orient',
'338': '-moz-text-size-adjust',
'339': '-moz-user-focus',
'340': '-moz-user-input',
'341': '-moz-user-modify',
'342': '-moz-window-dragging',
'343': '-webkit-line-clamp',
'344': '-webkit-text-fill-color',
'345': '-webkit-text-stroke-color',
'346': '-webkit-text-stroke-width',
'347': '--bg-opacity'
}
When i try to execute getComputedStyle(document.getElementsByClassName('navbar')[0]) from browser dev console i get next ouptut
getComputedStyle(document.getElementsByClassName('navbar')[0])
"-moz-animation": "0s ease 0s 1 normal none running none"
"-moz-animation-delay": "0s"
"-moz-animation-direction": "normal"
"-moz-animation-duration": "0s"
"-moz-animation-fill-mode": "none"
"-moz-animation-iteration-count": "1"
"-moz-animation-name": "none"
"-moz-animation-play-state": "running"
"-moz-animation-timing-function": "ease"
"-moz-appearance": "none"
"-moz-backface-visibility": "visible"
"-moz-border-end": "0px none rgb(44, 62, 80)"
"-moz-border-end-color": "rgb(44, 62, 80)"
"-moz-border-end-style": "none"
"-moz-border-end-width": "0px"
"-moz-border-image": "none 100% / 1 / 0 stretch"
"-moz-border-start": "0px none rgb(44, 62, 80)"
"-moz-border-start-color": "rgb(44, 62, 80)"
"-moz-border-start-style": "none"
"-moz-border-start-width": "0px"
"-moz-box-align": "stretch"
"-moz-box-direction": "normal"
"-moz-box-flex": "0"
"-moz-box-ordinal-group": "1"
"-moz-box-orient": "horizontal"
"-moz-box-pack": "start"
"-moz-box-sizing": "border-box"
"-moz-float-edge": "content-box"
"-moz-font-feature-settings": "normal"
"-moz-font-language-override": "normal"
"-moz-force-broken-image-icon": "0"
"-moz-hyphens": "manual"
"-moz-image-region": "auto"
"-moz-margin-end": "0px"
"-moz-margin-start": "0px"
"-moz-orient": "inline"
"-moz-padding-end": "24px"
"-moz-padding-start": "24px"
"-moz-perspective": "none"
"-moz-perspective-origin": "589px 28.8px"
"-moz-tab-size": "8"
"-moz-text-size-adjust": "auto"
"-moz-transform": "none"
"-moz-transform-origin": "589px 28.8px"
"-moz-transform-style": "flat"
"-moz-transition": "all 0s ease 0s"
"-moz-transition-delay": "0s"
"-moz-transition-duration": "0s"
"-moz-transition-property": "all"
"-moz-transition-timing-function": "ease"
"-moz-user-focus": "none"
"-moz-user-input": "auto"
"-moz-user-modify": "read-only"
"-moz-user-select": "auto"
"-moz-window-dragging": "default"
"-webkit-align-content": "normal"
"-webkit-align-items": "normal"
"-webkit-align-self": "auto"
"-webkit-animation": "0s ease 0s 1 normal none running none"
"-webkit-animation-delay": "0s"
"-webkit-animation-direction": "normal"
"-webkit-animation-duration": "0s"
"-webkit-animation-fill-mode": "none"
"-webkit-animation-iteration-count": "1"
"-webkit-animation-name": "none"
"-webkit-animation-play-state": "running"
"-webkit-animation-timing-function": "ease"
"-webkit-appearance": "none"
"-webkit-backface-visibility": "visible"
"-webkit-background-clip": "border-box"
"-webkit-background-origin": "padding-box"
"-webkit-background-size": "auto"
"-webkit-border-bottom-left-radius": "0px"
"-webkit-border-bottom-right-radius": "0px"
"-webkit-border-image": "none 100% / 1 / 0 stretch"
"-webkit-border-radius": "0px"
"-webkit-border-top-left-radius": "0px"
"-webkit-border-top-right-radius": "0px"
"-webkit-box-align": "stretch"
"-webkit-box-direction": "normal"
"-webkit-box-flex": "0"
"-webkit-box-ordinal-group": "1"
"-webkit-box-orient": "horizontal"
"-webkit-box-pack": "start"
"-webkit-box-shadow": "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px"
"-webkit-box-sizing": "border-box"
"-webkit-filter": "none"
"-webkit-flex": "0 1 auto"
"-webkit-flex-basis": "auto"
"-webkit-flex-direction": "row"
"-webkit-flex-flow": "row nowrap"
"-webkit-flex-grow": "0"
"-webkit-flex-shrink": "1"
"-webkit-flex-wrap": "nowrap"
"-webkit-justify-content": "normal"
"-webkit-line-clamp": "none"
"-webkit-mask": "none"
"-webkit-mask-clip": "border-box"
"-webkit-mask-composite": "add"
"-webkit-mask-image": "none"
"-webkit-mask-origin": "border-box"
"-webkit-mask-position": "0% 0%"
"-webkit-mask-position-x": "0%"
"-webkit-mask-position-y": "0%"
"-webkit-mask-repeat": "repeat"
"-webkit-mask-size": "auto"
"-webkit-order": "0"
"-webkit-perspective": "none"
"-webkit-perspective-origin": "589px 28.8px"
"-webkit-text-fill-color": "rgb(44, 62, 80)"
"-webkit-text-size-adjust": "auto"
"-webkit-text-stroke": "0px rgb(44, 62, 80)"
"-webkit-text-stroke-color": "rgb(44, 62, 80)"
"-webkit-text-stroke-width": "0px"
"-webkit-transform": "none"
"-webkit-transform-origin": "589px 28.8px"
"-webkit-transform-style": "flat"
"-webkit-transition": "all 0s ease 0s"
"-webkit-transition-delay": "0s"
"-webkit-transition-duration": "0s"
"-webkit-transition-property": "all"
"-webkit-transition-timing-function": "ease"
"-webkit-user-select": "auto"
0: "accent-color"
1: "align-content"
2: "align-items"
3: "align-self"
4: "animation-delay"
5: "animation-direction"
6: "animation-duration"
7: "animation-fill-mode"
8: "animation-iteration-count"
9: "animation-name"
10: "animation-play-state"
11: "animation-timing-function"
12: "appearance"
13: "aspect-ratio"
14: "backface-visibility"
15: "background-attachment"
16: "background-blend-mode"
17: "background-clip"
18: "background-color"
19: "background-image"
20: "background-origin"
21: "background-position-x"
22: "background-position-y"
23: "background-repeat"
24: "background-size"
25: "block-size"
26: "border-block-end-color"
27: "border-block-end-style"
28: "border-block-end-width"
29: "border-block-start-color"
30: "border-block-start-style"
31: "border-block-start-width"
32: "border-bottom-color"
33: "border-bottom-left-radius"
34: "border-bottom-right-radius"
35: "border-bottom-style"
36: "border-bottom-width"
37: "border-collapse"
38: "border-end-end-radius"
39: "border-end-start-radius"
40: "border-image-outset"
41: "border-image-repeat"
42: "border-image-slice"
43: "border-image-source"
44: "border-image-width"
45: "border-inline-end-color"
46: "border-inline-end-style"
47: "border-inline-end-width"
48: "border-inline-start-color"
49: "border-inline-start-style"
50: "border-inline-start-width"
51: "border-left-color"
52: "border-left-style"
53: "border-left-width"
54: "border-right-color"
55: "border-right-style"
56: "border-right-width"
57: "border-spacing"
58: "border-start-end-radius"
59: "border-start-start-radius"
60: "border-top-color"
61: "border-top-left-radius"
62: "border-top-right-radius"
63: "border-top-style"
64: "border-top-width"
65: "bottom"
66: "box-decoration-break"
67: "box-shadow"
68: "box-sizing"
69: "break-after"
70: "break-before"
71: "break-inside"
72: "caption-side"
73: "caret-color"
74: "clear"
75: "clip"
76: "clip-path"
77: "clip-rule"
78: "color"
79: "color-interpolation"
80: "color-interpolation-filters"
81: "color-scheme"
82: "column-count"
83: "column-fill"
84: "column-gap"
85: "column-rule-color"
86: "column-rule-style"
87: "column-rule-width"
88: "column-span"
89: "column-width"
90: "contain"
91: "content"
92: "counter-increment"
93: "counter-reset"
94: "counter-set"
95: "cursor"
96: "cx"
97: "cy"
98: "d"
99: "direction"
100: "display"
101: "dominant-baseline"
102: "empty-cells"
103: "fill"
104: "fill-opacity"
105: "fill-rule"
106: "filter"
107: "flex-basis"
108: "flex-direction"
109: "flex-grow"
110: "flex-shrink"
111: "flex-wrap"
112: "float"
113: "flood-color"
114: "flood-opacity"
115: "font-family"
116: "font-feature-settings"
117: "font-kerning"
118: "font-language-override"
119: "font-optical-sizing"
120: "font-size"
121: "font-size-adjust"
122: "font-stretch"
123: "font-style"
124: "font-synthesis"
125: "font-variant-alternates"
126: "font-variant-caps"
127: "font-variant-east-asian"
128: "font-variant-ligatures"
129: "font-variant-numeric"
130: "font-variant-position"
131: "font-variation-settings"
132: "font-weight"
133: "grid-auto-columns"
134: "grid-auto-flow"
135: "grid-auto-rows"
136: "grid-column-end"
137: "grid-column-start"
138: "grid-row-end"
139: "grid-row-start"
140: "grid-template-areas"
141: "grid-template-columns"
142: "grid-template-rows"
143: "height"
144: "hyphenate-character"
145: "hyphens"
146: "image-orientation"
147: "image-rendering"
148: "ime-mode"
149: "inline-size"
150: "inset-block-end"
151: "inset-block-start"
152: "inset-inline-end"
153: "inset-inline-start"
154: "isolation"
155: "justify-content"
156: "justify-items"
157: "justify-self"
158: "left"
159: "letter-spacing"
160: "lighting-color"
161: "line-break"
162: "line-height"
163: "list-style-image"
164: "list-style-position"
165: "list-style-type"
166: "margin-block-end"
167: "margin-block-start"
168: "margin-bottom"
169: "margin-inline-end"
170: "margin-inline-start"
171: "margin-left"
172: "margin-right"
173: "margin-top"
174: "marker-end"
175: "marker-mid"
176: "marker-start"
177: "mask-clip"
178: "mask-composite"
179: "mask-image"
180: "mask-mode"
181: "mask-origin"
182: "mask-position-x"
183: "mask-position-y"
184: "mask-repeat"
185: "mask-size"
186: "mask-type"
187: "max-block-size"
188: "max-height"
189: "max-inline-size"
190: "max-width"
191: "min-block-size"
192: "min-height"
193: "min-inline-size"
194: "min-width"
195: "mix-blend-mode"
196: "object-fit"
197: "object-position"
198: "offset-anchor"
199: "offset-distance"
200: "offset-path"
201: "offset-rotate"
202: "opacity"
203: "order"
204: "outline-color"
205: "outline-offset"
206: "outline-style"
207: "outline-width"
208: "overflow-anchor"
209: "overflow-block"
210: "overflow-clip-margin"
211: "overflow-inline"
212: "overflow-wrap"
213: "overflow-x"
214: "overflow-y"
215: "overscroll-behavior-block"
216: "overscroll-behavior-inline"
217: "overscroll-behavior-x"
218: "overscroll-behavior-y"
219: "padding-block-end"
220: "padding-block-start"
221: "padding-bottom"
222: "padding-inline-end"
223: "padding-inline-start"
224: "padding-left"
225: "padding-right"
226: "padding-top"
227: "paint-order"
228: "perspective"
229: "perspective-origin"
230: "pointer-events"
231: "position"
232: "print-color-adjust"
233: "quotes"
234: "r"
235: "resize"
236: "right"
237: "rotate"
238: "row-gap"
239: "ruby-align"
240: "ruby-position"
241: "rx"
242: "ry"
243: "scale"
244: "scroll-behavior"
245: "scroll-margin-block-end"
246: "scroll-margin-block-start"
247: "scroll-margin-bottom"
248: "scroll-margin-inline-end"
249: "scroll-margin-inline-start"
250: "scroll-margin-left"
251: "scroll-margin-right"
252: "scroll-margin-top"
253: "scroll-padding-block-end"
254: "scroll-padding-block-start"
255: "scroll-padding-bottom"
256: "scroll-padding-inline-end"
257: "scroll-padding-inline-start"
258: "scroll-padding-left"
259: "scroll-padding-right"
260: "scroll-padding-top"
261: "scroll-snap-align"
262: "scroll-snap-type"
263: "scrollbar-color"
264: "scrollbar-gutter"
265: "scrollbar-width"
266: "shape-image-threshold"
267: "shape-margin"
268: "shape-outside"
269: "shape-rendering"
270: "stop-color"
271: "stop-opacity"
272: "stroke"
273: "stroke-dasharray"
274: "stroke-dashoffset"
275: "stroke-linecap"
276: "stroke-linejoin"
277: "stroke-miterlimit"
278: "stroke-opacity"
279: "stroke-width"
280: "tab-size"
281: "table-layout"
282: "text-align"
283: "text-align-last"
284: "text-anchor"
285: "text-combine-upright"
286: "text-decoration-color"
287: "text-decoration-line"
288: "text-decoration-skip-ink"
289: "text-decoration-style"
290: "text-decoration-thickness"
291: "text-emphasis-color"
292: "text-emphasis-position"
293: "text-emphasis-style"
294: "text-indent"
295: "text-justify"
296: "text-orientation"
297: "text-overflow"
298: "text-rendering"
299: "text-shadow"
300: "text-transform"
301: "text-underline-offset"
302: "text-underline-position"
303: "top"
304: "touch-action"
305: "transform"
306: "transform-box"
307: "transform-origin"
308: "transform-style"
309: "transition-delay"
310: "transition-duration"
311: "transition-property"
312: "transition-timing-function"
313: "translate"
314: "unicode-bidi"
315: "user-select"
316: "vector-effect"
317: "vertical-align"
318: "visibility"
319: "white-space"
320: "width"
321: "will-change"
322: "word-break"
323: "word-spacing"
324: "writing-mode"
325: "x"
326: "y"
327: "z-index"
328: "-moz-box-align"
329: "-moz-box-direction"
330: "-moz-box-flex"
331: "-moz-box-ordinal-group"
332: "-moz-box-orient"
333: "-moz-box-pack"
334: "-moz-float-edge"
335: "-moz-force-broken-image-icon"
336: "-moz-image-region"
337: "-moz-orient"
338: "-moz-text-size-adjust"
339: "-moz-user-focus"
340: "-moz-user-input"
341: "-moz-user-modify"
342: "-moz-window-dragging"
343: "-webkit-line-clamp"
344: "-webkit-text-fill-color"
345: "-webkit-text-stroke-color"
346: "-webkit-text-stroke-width"
347: "--bg-opacity"
MozAnimation: "0s ease 0s 1 normal none running none"
MozAnimationDelay: "0s"
MozAnimationDirection: "normal"
MozAnimationDuration: "0s"
MozAnimationFillMode: "none"
MozAnimationIterationCount: "1"
MozAnimationName: "none"
MozAnimationPlayState: "running"
MozAnimationTimingFunction: "ease"
MozAppearance: "none"
MozBackfaceVisibility: "visible"
MozBorderEnd: "0px none rgb(44, 62, 80)"
MozBorderEndColor: "rgb(44, 62, 80)"
MozBorderEndStyle: "none"
MozBorderEndWidth: "0px"
MozBorderImage: "none 100% / 1 / 0 stretch"
MozBorderStart: "0px none rgb(44, 62, 80)"
MozBorderStartColor: "rgb(44, 62, 80)"
MozBorderStartStyle: "none"
MozBorderStartWidth: "0px"
MozBoxAlign: "stretch"
MozBoxDirection: "normal"
MozBoxFlex: "0"
MozBoxOrdinalGroup: "1"
MozBoxOrient: "horizontal"
MozBoxPack: "start"
MozBoxSizing: "border-box"
MozFloatEdge: "content-box"
MozFontFeatureSettings: "normal"
MozFontLanguageOverride: "normal"
MozForceBrokenImageIcon: "0"
MozHyphens: "manual"
MozImageRegion: "auto"
MozMarginEnd: "0px"
MozMarginStart: "0px"
MozOrient: "inline"
MozPaddingEnd: "24px"
MozPaddingStart: "24px"
MozPerspective: "none"
MozPerspectiveOrigin: "589px 28.8px"
MozTabSize: "8"
MozTextSizeAdjust: "auto"
MozTransform: "none"
MozTransformOrigin: "589px 28.8px"
MozTransformStyle: "flat"
MozTransition: "all 0s ease 0s"
MozTransitionDelay: "0s"
MozTransitionDuration: "0s"
MozTransitionProperty: "all"
MozTransitionTimingFunction: "ease"
MozUserFocus: "none"
MozUserInput: "auto"
MozUserModify: "read-only"
MozUserSelect: "auto"
MozWindowDragging: "default"
WebkitAlignContent: "normal"
WebkitAlignItems: "normal"
WebkitAlignSelf: "auto"
WebkitAnimation: "0s ease 0s 1 normal none running none"
WebkitAnimationDelay: "0s"
WebkitAnimationDirection: "normal"
WebkitAnimationDuration: "0s"
WebkitAnimationFillMode: "none"
WebkitAnimationIterationCount: "1"
WebkitAnimationName: "none"
WebkitAnimationPlayState: "running"
WebkitAnimationTimingFunction: "ease"
WebkitAppearance: "none"
WebkitBackfaceVisibility: "visible"
WebkitBackgroundClip: "border-box"
WebkitBackgroundOrigin: "padding-box"
WebkitBackgroundSize: "auto"
WebkitBorderBottomLeftRadius: "0px"
WebkitBorderBottomRightRadius: "0px"
WebkitBorderImage: "none 100% / 1 / 0 stretch"
WebkitBorderRadius: "0px"
WebkitBorderTopLeftRadius: "0px"
WebkitBorderTopRightRadius: "0px"
WebkitBoxAlign: "stretch"
WebkitBoxDirection: "normal"
WebkitBoxFlex: "0"
WebkitBoxOrdinalGroup: "1"
WebkitBoxOrient: "horizontal"
WebkitBoxPack: "start"
WebkitBoxShadow: "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px"
WebkitBoxSizing: "border-box"
WebkitFilter: "none"
WebkitFlex: "0 1 auto"
WebkitFlexBasis: "auto"
WebkitFlexDirection: "row"
WebkitFlexFlow: "row nowrap"
WebkitFlexGrow: "0"
WebkitFlexShrink: "1"
WebkitFlexWrap: "nowrap"
WebkitJustifyContent: "normal"
WebkitLineClamp: "none"
WebkitMask: "none"
WebkitMaskClip: "border-box"
WebkitMaskComposite: "add"
WebkitMaskImage: "none"
WebkitMaskOrigin: "border-box"
WebkitMaskPosition: "0% 0%"
WebkitMaskPositionX: "0%"
WebkitMaskPositionY: "0%"
WebkitMaskRepeat: "repeat"
WebkitMaskSize: "auto"
WebkitOrder: "0"
WebkitPerspective: "none"
WebkitPerspectiveOrigin: "589px 28.8px"
WebkitTextFillColor: "rgb(44, 62, 80)"
WebkitTextSizeAdjust: "auto"
WebkitTextStroke: "0px rgb(44, 62, 80)"
WebkitTextStrokeColor: "rgb(44, 62, 80)"
WebkitTextStrokeWidth: "0px"
WebkitTransform: "none"
WebkitTransformOrigin: "589px 28.8px"
WebkitTransformStyle: "flat"
WebkitTransition: "all 0s ease 0s"
WebkitTransitionDelay: "0s"
WebkitTransitionDuration: "0s"
WebkitTransitionProperty: "all"
WebkitTransitionTimingFunction: "ease"
WebkitUserSelect: "auto"
"accent-color": "auto"
accentColor: "auto"
"align-content": "normal"
"align-items": "normal"
"align-self": "auto"
alignContent: "normal"
alignItems: "normal"
alignSelf: "auto"
all: ""
animation: "0s ease 0s 1 normal none running none"
"animation-delay": "0s"
"animation-direction": "normal"
"animation-duration": "0s"
"animation-fill-mode": "none"
"animation-iteration-count": "1"
"animation-name": "none"
"animation-play-state": "running"
"animation-timing-function": "ease"
animationDelay: "0s"
animationDirection: "normal"
animationDuration: "0s"
animationFillMode: "none"
animationIterationCount: "1"
animationName: "none"
animationPlayState: "running"
animationTimingFunction: "ease"
appearance: "none"
"aspect-ratio": "auto"
aspectRatio: "auto"
"backface-visibility": "visible"
backfaceVisibility: "visible"
background: "rgb(128, 90, 213) none repeat scroll 0% 0%"
"background-attachment": "scroll"
"background-blend-mode": "normal"
"background-clip": "border-box"
"background-color": "rgb(128, 90, 213)"
"background-image": "none"
"background-origin": "padding-box"
"background-position": "0% 0%"
"background-position-x": "0%"
"background-position-y": "0%"
"background-repeat": "repeat"
"background-size": "auto"
backgroundAttachment: "scroll"
backgroundBlendMode: "normal"
backgroundClip: "border-box"
backgroundColor: "rgb(128, 90, 213)"
backgroundImage: "none"
backgroundOrigin: "padding-box"
backgroundPosition: "0% 0%"
backgroundPositionX: "0%"
backgroundPositionY: "0%"
backgroundRepeat: "repeat"
backgroundSize: "auto"
"block-size": "57.6px"
blockSize: "57.6px"
border: "0px none rgb(44, 62, 80)"
"border-block": "0px none rgb(44, 62, 80)"
"border-block-color": "rgb(44, 62, 80)"
"border-block-end": "0px none rgb(44, 62, 80)"
"border-block-end-color": "rgb(44, 62, 80)"
"border-block-end-style": "none"
"border-block-end-width": "0px"
"border-block-start": "0px none rgb(44, 62, 80)"
"border-block-start-color": "rgb(44, 62, 80)"
"border-block-start-style": "none"
"border-block-start-width": "0px"
"border-block-style": "none"
"border-block-width": "0px"
"border-bottom": "0px none rgb(44, 62, 80)"
"border-bottom-color": "rgb(44, 62, 80)"
"border-bottom-left-radius": "0px"
"border-bottom-right-radius": "0px"
"border-bottom-style": "none"
"border-bottom-width": "0px"
"border-collapse": "separate"
"border-color": "rgb(44, 62, 80)"
"border-end-end-radius": "0px"
"border-end-start-radius": "0px"
"border-image": "none 100% / 1 / 0 stretch"
"border-image-outset": "0"
"border-image-repeat": "stretch"
"border-image-slice": "100%"
"border-image-source": "none"
"border-image-width": "1"
"border-inline": "0px none rgb(44, 62, 80)"
"border-inline-color": "rgb(44, 62, 80)"
"border-inline-end": "0px none rgb(44, 62, 80)"
"border-inline-end-color": "rgb(44, 62, 80)"
"border-inline-end-style": "none"
"border-inline-end-width": "0px"
"border-inline-start": "0px none rgb(44, 62, 80)"
"border-inline-start-color": "rgb(44, 62, 80)"
"border-inline-start-style": "none"
"border-inline-start-width": "0px"
"border-inline-style": "none"
"border-inline-width": "0px"
"border-left": "0px none rgb(44, 62, 80)"
"border-left-color": "rgb(44, 62, 80)"
"border-left-style": "none"
"border-left-width": "0px"
"border-radius": "0px"
"border-right": "0px none rgb(44, 62, 80)"
"border-right-color": "rgb(44, 62, 80)"
"border-right-style": "none"
"border-right-width": "0px"
"border-spacing": "0px 0px"
"border-start-end-radius": "0px"
"border-start-start-radius": "0px"
"border-style": "none"
"border-top": "0px none rgb(44, 62, 80)"
"border-top-color": "rgb(44, 62, 80)"
"border-top-left-radius": "0px"
"border-top-right-radius": "0px"
"border-top-style": "none"
"border-top-width": "0px"
"border-width": "0px"
borderBlock: "0px none rgb(44, 62, 80)"
borderBlockColor: "rgb(44, 62, 80)"
borderBlockEnd: "0px none rgb(44, 62, 80)"
borderBlockEndColor: "rgb(44, 62, 80)"
borderBlockEndStyle: "none"
borderBlockEndWidth: "0px"
borderBlockStart: "0px none rgb(44, 62, 80)"
borderBlockStartColor: "rgb(44, 62, 80)"
borderBlockStartStyle: "none"
borderBlockStartWidth: "0px"
borderBlockStyle: "none"
borderBlockWidth: "0px"
borderBottom: "0px none rgb(44, 62, 80)"
borderBottomColor: "rgb(44, 62, 80)"
borderBottomLeftRadius: "0px"
borderBottomRightRadius: "0px"
borderBottomStyle: "none"
borderBottomWidth: "0px"
borderCollapse: "separate"
borderColor: "rgb(44, 62, 80)"
borderEndEndRadius: "0px"
borderEndStartRadius: "0px"
borderImage: "none 100% / 1 / 0 stretch"
borderImageOutset: "0"
borderImageRepeat: "stretch"
borderImageSlice: "100%"
borderImageSource: "none"
borderImageWidth: "1"
borderInline: "0px none rgb(44, 62, 80)"
borderInlineColor: "rgb(44, 62, 80)"
borderInlineEnd: "0px none rgb(44, 62, 80)"
borderInlineEndColor: "rgb(44, 62, 80)"
borderInlineEndStyle: "none"
borderInlineEndWidth: "0px"
borderInlineStart: "0px none rgb(44, 62, 80)"
borderInlineStartColor: "rgb(44, 62, 80)"
borderInlineStartStyle: "none"
borderInlineStartWidth: "0px"
borderInlineStyle: "none"
borderInlineWidth: "0px"
borderLeft: "0px none rgb(44, 62, 80)"
borderLeftColor: "rgb(44, 62, 80)"
borderLeftStyle: "none"
borderLeftWidth: "0px"
borderRadius: "0px"
borderRight: "0px none rgb(44, 62, 80)"
borderRightColor: "rgb(44, 62, 80)"
borderRightStyle: "none"
borderRightWidth: "0px"
borderSpacing: "0px 0px"
borderStartEndRadius: "0px"
borderStartStartRadius: "0px"
borderStyle: "none"
borderTop: "0px none rgb(44, 62, 80)"
borderTopColor: "rgb(44, 62, 80)"
borderTopLeftRadius: "0px"
borderTopRightRadius: "0px"
borderTopStyle: "none"
borderTopWidth: "0px"
borderWidth: "0px"
bottom: "910.4px"
"box-decoration-break": "slice"
"box-shadow": "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px"
"box-sizing": "border-box"
boxDecorationBreak: "slice"
boxShadow: "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px"
boxSizing: "border-box"
"break-after": "auto"
"break-before": "auto"
"break-inside": "auto"
breakAfter: "auto"
breakBefore: "auto"
breakInside: "auto"
"caption-side": "top"
captionSide: "top"
"caret-color": "rgb(44, 62, 80)"
caretColor: "rgb(44, 62, 80)"
clear: "none"
clip: "auto"
"clip-path": "none"
"clip-rule": "nonzero"
clipPath: "none"
clipRule: "nonzero"
color: "rgb(44, 62, 80)"
"color-adjust": "economy"
"color-interpolation": "srgb"
"color-interpolation-filters": "linearrgb"
"color-scheme": "normal"
colorAdjust: "economy"
colorInterpolation: "srgb"
colorInterpolationFilters: "linearrgb"
colorScheme: "normal"
"column-count": "auto"
"column-fill": "balance"
"column-gap": "normal"
"column-rule": "3px none rgb(44, 62, 80)"
"column-rule-color": "rgb(44, 62, 80)"
"column-rule-style": "none"
"column-rule-width": "0px"
"column-span": "none"
"column-width": "auto"
columnCount: "auto"
columnFill: "balance"
columnGap: "normal"
columnRule: "3px none rgb(44, 62, 80)"
columnRuleColor: "rgb(44, 62, 80)"
columnRuleStyle: "none"
columnRuleWidth: "0px"
columnSpan: "none"
columnWidth: "auto"
columns: "auto auto"
contain: "none"
content: "normal"
"counter-increment": "none"
"counter-reset": "none"
"counter-set": "none"
counterIncrement: "none"
counterReset: "none"
counterSet: "none"
cssFloat: "none"
cssText: ""
cursor: "auto"
cx: "0px"
cy: "0px"
d: "none"
direction: "ltr"
display: "block"
"dominant-baseline": "auto"
dominantBaseline: "auto"
"empty-cells": "show"
emptyCells: "show"
fill: "rgb(0, 0, 0)"
"fill-opacity": "1"
"fill-rule": "nonzero"
fillOpacity: "1"
fillRule: "nonzero"
filter: "none"
flex: "0 1 auto"
"flex-basis": "auto"
"flex-direction": "row"
"flex-flow": "row nowrap"
"flex-grow": "0"
"flex-shrink": "1"
"flex-wrap": "nowrap"
flexBasis: "auto"
flexDirection: "row"
flexFlow: "row nowrap"
flexGrow: "0"
flexShrink: "1"
flexWrap: "nowrap"
float: "none"
"flood-color": "rgb(0, 0, 0)"
"flood-opacity": "1"
floodColor: "rgb(0, 0, 0)"
floodOpacity: "1"
font: "400 16px / 35.2px IBM Plex Sans, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
"font-family": "IBM Plex Sans, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
"font-feature-settings": "normal"
"font-kerning": "auto"
"font-language-override": "normal"
"font-optical-sizing": "auto"
"font-size": "16px"
"font-size-adjust": "none"
"font-stretch": "100%"
"font-style": "normal"
"font-synthesis": "weight style small-caps"
"font-variant": "normal"
"font-variant-alternates": "normal"
"font-variant-caps": "normal"
"font-variant-east-asian": "normal"
"font-variant-ligatures": "normal"
"font-variant-numeric": "normal"
"font-variant-position": "normal"
"font-variation-settings": "normal"
"font-weight": "400"
fontFamily: "IBM Plex Sans, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
fontFeatureSettings: "normal"
fontKerning: "auto"
fontLanguageOverride: "normal"
fontOpticalSizing: "auto"
fontSize: "16px"
fontSizeAdjust: "none"
fontStretch: "100%"
fontStyle: "normal"
fontSynthesis: "weight style small-caps"
fontVariant: "normal"
fontVariantAlternates: "normal"
fontVariantCaps: "normal"
fontVariantEastAsian: "normal"
fontVariantLigatures: "normal"
fontVariantNumeric: "normal"
fontVariantPosition: "normal"
fontVariationSettings: "normal"
fontWeight: "400"
gap: "normal"
grid: "none"
"grid-area": "auto"
"grid-auto-columns": "auto"
"grid-auto-flow": "row"
"grid-auto-rows": "auto"
"grid-column": "auto"
"grid-column-end": "auto"
"grid-column-gap": "normal"
"grid-column-start": "auto"
"grid-gap": "normal"
"grid-row": "auto"
"grid-row-end": "auto"
"grid-row-gap": "normal"
"grid-row-start": "auto"
"grid-template": "none"
"grid-template-areas": "none"
"grid-template-columns": "none"
"grid-template-rows": "none"
gridArea: "auto"
gridAutoColumns: "auto"
gridAutoFlow: "row"
gridAutoRows: "auto"
gridColumn: "auto"
gridColumnEnd: "auto"
gridColumnGap: "normal"
gridColumnStart: "auto"
gridGap: "normal"
gridRow: "auto"
gridRowEnd: "auto"
gridRowGap: "normal"
gridRowStart: "auto"
gridTemplate: "none"
gridTemplateAreas: "none"
gridTemplateColumns: "none"
gridTemplateRows: "none"
height: "57.6px"
"hyphenate-character": "auto"
hyphenateCharacter: "auto"
hyphens: "manual"
"image-orientation": "from-image"
"image-rendering": "auto"
imageOrientation: "from-image"
imageRendering: "auto"
"ime-mode": "auto"
imeMode: "auto"
"inline-size": "1178px"
inlineSize: "1178px"
inset: "0px 0px auto"
"inset-block": "0px auto"
"inset-block-end": "910.4px"
"inset-block-start": "0px"
"inset-inline": "0px"
"inset-inline-end": "0px"
"inset-inline-start": "0px"
insetBlock: "0px auto"
insetBlockEnd: "910.4px"
insetBlockStart: "0px"
insetInline: "0px"
insetInlineEnd: "0px"
insetInlineStart: "0px"
isolation: "auto"
"justify-content": "normal"
"justify-items": "normal"
"justify-self": "auto"
justifyContent: "normal"
justifyItems: "normal"
justifySelf: "auto"
left: "0px"
length: 348
"letter-spacing": "normal"
letterSpacing: "normal"
"lighting-color": "rgb(255, 255, 255)"
lightingColor: "rgb(255, 255, 255)"
"line-break": "auto"
"line-height": "35.2px"
lineBreak: "auto"
lineHeight: "35.2px"
"list-style": "outside"
"list-style-image": "none"
"list-style-position": "outside"
"list-style-type": "disc"
listStyle: "outside"
listStyleImage: "none"
listStylePosition: "outside"
listStyleType: "disc"
margin: "0px"
"margin-block": "0px"
"margin-block-end": "0px"
"margin-block-start": "0px"
"margin-bottom": "0px"
"margin-inline": "0px"
"margin-inline-end": "0px"
"margin-inline-start": "0px"
"margin-left": "0px"
"margin-right": "0px"
"margin-top": "0px"
marginBlock: "0px"
marginBlockEnd: "0px"
marginBlockStart: "0px"
marginBottom: "0px"
marginInline: "0px"
marginInlineEnd: "0px"
marginInlineStart: "0px"
marginLeft: "0px"
marginRight: "0px"
marginTop: "0px"
marker: "none"
"marker-end": "none"
"marker-mid": "none"
"marker-start": "none"
markerEnd: "none"
markerMid: "none"
markerStart: "none"
mask: "none"
"mask-clip": "border-box"
"mask-composite": "add"
"mask-image": "none"
"mask-mode": "match-source"
"mask-origin": "border-box"
"mask-position": "0% 0%"
"mask-position-x": "0%"
"mask-position-y": "0%"
"mask-repeat": "repeat"
"mask-size": "auto"
"mask-type": "luminance"
maskClip: "border-box"
maskComposite: "add"
maskImage: "none"
maskMode: "match-source"
maskOrigin: "border-box"
maskPosition: "0% 0%"
maskPositionX: "0%"
maskPositionY: "0%"
maskRepeat: "repeat"
maskSize: "auto"
maskType: "luminance"
"max-block-size": "none"
"max-height": "none"
"max-inline-size": "none"
"max-width": "none"
maxBlockSize: "none"
maxHeight: "none"
maxInlineSize: "none"
maxWidth: "none"
"min-block-size": "0px"
"min-height": "0px"
"min-inline-size": "0px"
"min-width": "0px"
minBlockSize: "0px"
minHeight: "0px"
minInlineSize: "0px"
minWidth: "0px"
"mix-blend-mode": "normal"
mixBlendMode: "normal"
"object-fit": "fill"
"object-position": "50% 50%"
objectFit: "fill"
objectPosition: "50% 50%"
offset: "none"
"offset-anchor": "auto"
"offset-distance": "0px"
"offset-path": "none"
"offset-rotate": "auto"
offsetAnchor: "auto"
offsetDistance: "0px"
offsetPath: "none"
offsetRotate: "auto"
opacity: "1"
order: "0"
outline: "rgb(44, 62, 80) none 0px"
"outline-color": "rgb(44, 62, 80)"
"outline-offset": "0px"
"outline-style": "none"
"outline-width": "0px"
outlineColor: "rgb(44, 62, 80)"
outlineOffset: "0px"
outlineStyle: "none"
outlineWidth: "0px"
overflow: "visible"
"overflow-anchor": "auto"
"overflow-block": "visible"
"overflow-clip-margin": "0px"
"overflow-inline": "visible"
"overflow-wrap": "normal"
"overflow-x": "visible"
"overflow-y": "visible"
overflowAnchor: "auto"
overflowBlock: "visible"
overflowClipMargin: "0px"
overflowInline: "visible"
overflowWrap: "normal"
overflowX: "visible"
overflowY: "visible"
"overscroll-behavior": "auto"
"overscroll-behavior-block": "auto"
"overscroll-behavior-inline": "auto"
"overscroll-behavior-x": "auto"
"overscroll-behavior-y": "auto"
overscrollBehavior: "auto"
overscrollBehaviorBlock: "auto"
overscrollBehaviorInline: "auto"
overscrollBehaviorX: "auto"
overscrollBehaviorY: "auto"
padding: "11.2px 24px"
"padding-block": "11.2px"
"padding-block-end": "11.2px"
"padding-block-start": "11.2px"
"padding-bottom": "11.2px"
"padding-inline": "24px"
"padding-inline-end": "24px"
"padding-inline-start": "24px"
"padding-left": "24px"
"padding-right": "24px"
"padding-top": "11.2px"
paddingBlock: "11.2px"
paddingBlockEnd: "11.2px"
paddingBlockStart: "11.2px"
paddingBottom: "11.2px"
paddingInline: "24px"
paddingInlineEnd: "24px"
paddingInlineStart: "24px"
paddingLeft: "24px"
paddingRight: "24px"
paddingTop: "11.2px"
"page-break-after": "auto"
"page-break-before": "auto"
"page-break-inside": "auto"
pageBreakAfter: "auto"
pageBreakBefore: "auto"
pageBreakInside: "auto"
"paint-order": "normal"
paintOrder: "normal"
parentRule: null
perspective: "none"
"perspective-origin": "589px 28.8px"
perspectiveOrigin: "589px 28.8px"
"place-content": "normal"
"place-items": "normal legacy"
"place-self": "auto"
placeContent: "normal"
placeItems: "normal legacy"
placeSelf: "auto"
"pointer-events": "auto"
pointerEvents: "auto"
position: "fixed"
"print-color-adjust": "economy"
printColorAdjust: "economy"
quotes: "auto"
r: "0px"
resize: "none"
right: "0px"
rotate: "none"
"row-gap": "normal"
rowGap: "normal"
"ruby-align": "space-around"
"ruby-position": "alternate"
rubyAlign: "space-around"
rubyPosition: "alternate"
rx: "auto"
ry: "auto"
scale: "none"
"scroll-behavior": "auto"
"scroll-margin": "0px"
"scroll-margin-block": "0px"
"scroll-margin-block-end": "0px"
"scroll-margin-block-start": "0px"
"scroll-margin-bottom": "0px"
"scroll-margin-inline": "0px"
"scroll-margin-inline-end": "0px"
"scroll-margin-inline-start": "0px"
"scroll-margin-left": "0px"
"scroll-margin-right": "0px"
"scroll-margin-top": "0px"
"scroll-padding": "auto"
"scroll-padding-block": "auto"
"scroll-padding-block-end": "auto"
"scroll-padding-block-start": "auto"
"scroll-padding-bottom": "auto"
"scroll-padding-inline": "auto"
"scroll-padding-inline-end": "auto"
"scroll-padding-inline-start": "auto"
"scroll-padding-left": "auto"
"scroll-padding-right": "auto"
"scroll-padding-top": "auto"
"scroll-snap-align": "none"
"scroll-snap-type": "none"
scrollBehavior: "auto"
scrollMargin: "0px"
scrollMarginBlock: "0px"
scrollMarginBlockEnd: "0px"
scrollMarginBlockStart: "0px"
scrollMarginBottom: "0px"
scrollMarginInline: "0px"
scrollMarginInlineEnd: "0px"
scrollMarginInlineStart: "0px"
scrollMarginLeft: "0px"
scrollMarginRight: "0px"
scrollMarginTop: "0px"
scrollPadding: "auto"
scrollPaddingBlock: "auto"
scrollPaddingBlockEnd: "auto"
scrollPaddingBlockStart: "auto"
scrollPaddingBottom: "auto"
scrollPaddingInline: "auto"
scrollPaddingInlineEnd: "auto"
scrollPaddingInlineStart: "auto"
scrollPaddingLeft: "auto"
scrollPaddingRight: "auto"
scrollPaddingTop: "auto"
scrollSnapAlign: "none"
scrollSnapType: "none"
"scrollbar-color": "auto"
"scrollbar-gutter": "auto"
"scrollbar-width": "auto"
scrollbarColor: "auto"
scrollbarGutter: "auto"
scrollbarWidth: "auto"
"shape-image-threshold": "0"
"shape-margin": "0px"
"shape-outside": "none"
"shape-rendering": "auto"
shapeImageThreshold: "0"
shapeMargin: "0px"
shapeOutside: "none"
shapeRendering: "auto"
"stop-color": "rgb(0, 0, 0)"
"stop-opacity": "1"
stopColor: "rgb(0, 0, 0)"
stopOpacity: "1"
stroke: "none"
"stroke-dasharray": "none"
"stroke-dashoffset": "0px"
"stroke-linecap": "butt"
"stroke-linejoin": "miter"
"stroke-miterlimit": "4"
"stroke-opacity": "1"
"stroke-width": "1px"
strokeDasharray: "none"
strokeDashoffset: "0px"
strokeLinecap: "butt"
strokeLinejoin: "miter"
strokeMiterlimit: "4"
strokeOpacity: "1"
strokeWidth: "1px"
"tab-size": "8"
tabSize: "8"
"table-layout": "auto"
tableLayout: "auto"
"text-align": "start"
"text-align-last": "auto"
"text-anchor": "start"
"text-combine-upright": "none"
"text-decoration": "rgb(44, 62, 80)"
"text-decoration-color": "rgb(44, 62, 80)"
"text-decoration-line": "none"
"text-decoration-skip-ink": "auto"
"text-decoration-style": "solid"
"text-decoration-thickness": "auto"
"text-emphasis": "none rgb(44, 62, 80)"
"text-emphasis-color": "rgb(44, 62, 80)"
"text-emphasis-position": "over right"
"text-emphasis-style": "none"
"text-indent": "0px"
"text-justify": "auto"
"text-orientation": "mixed"
"text-overflow": "clip"
"text-rendering": "auto"
"text-shadow": "none"
"text-transform": "none"
"text-underline-offset": "auto"
"text-underline-position": "auto"
textAlign: "start"
textAlignLast: "auto"
textAnchor: "start"
textCombineUpright: "none"
textDecoration: "rgb(44, 62, 80)"
textDecorationColor: "rgb(44, 62, 80)"
textDecorationLine: "none"
textDecorationSkipInk: "auto"
textDecorationStyle: "solid"
textDecorationThickness: "auto"
textEmphasis: "none rgb(44, 62, 80)"
textEmphasisColor: "rgb(44, 62, 80)"
textEmphasisPosition: "over right"
textEmphasisStyle: "none"
textIndent: "0px"
textJustify: "auto"
textOrientation: "mixed"
textOverflow: "clip"
textRendering: "auto"
textShadow: "none"
textTransform: "none"
textUnderlineOffset: "auto"
textUnderlinePosition: "auto"
top: "0px"
"touch-action": "auto"
touchAction: "auto"
transform: "none"
"transform-box": "border-box"
"transform-origin": "589px 28.8px"
"transform-style": "flat"
transformBox: "border-box"
transformOrigin: "589px 28.8px"
transformStyle: "flat"
transition: "all 0s ease 0s"
"transition-delay": "0s"
"transition-duration": "0s"
"transition-property": "all"
"transition-timing-function": "ease"
transitionDelay: "0s"
transitionDuration: "0s"
transitionProperty: "all"
transitionTimingFunction: "ease"
translate: "none"
"unicode-bidi": "isolate"
unicodeBidi: "isolate"
"user-select": "auto"
userSelect: "auto"
"vector-effect": "none"
vectorEffect: "none"
"vertical-align": "baseline"
verticalAlign: "baseline"
visibility: "visible"
webkitAlignContent: "normal"
webkitAlignItems: "normal"
webkitAlignSelf: "auto"
webkitAnimation: "0s ease 0s 1 normal none running none"
webkitAnimationDelay: "0s"
webkitAnimationDirection: "normal"
webkitAnimationDuration: "0s"
webkitAnimationFillMode: "none"
webkitAnimationIterationCount: "1"
webkitAnimationName: "none"
webkitAnimationPlayState: "running"
webkitAnimationTimingFunction: "ease"
webkitAppearance: "none"
webkitBackfaceVisibility: "visible"
webkitBackgroundClip: "border-box"
webkitBackgroundOrigin: "padding-box"
webkitBackgroundSize: "auto"
webkitBorderBottomLeftRadius: "0px"
webkitBorderBottomRightRadius: "0px"
webkitBorderImage: "none 100% / 1 / 0 stretch"
webkitBorderRadius: "0px"
webkitBorderTopLeftRadius: "0px"
webkitBorderTopRightRadius: "0px"
webkitBoxAlign: "stretch"
webkitBoxDirection: "normal"
webkitBoxFlex: "0"
webkitBoxOrdinalGroup: "1"
webkitBoxOrient: "horizontal"
webkitBoxPack: "start"
webkitBoxShadow: "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px"
webkitBoxSizing: "border-box"
webkitFilter: "none"
webkitFlex: "0 1 auto"
webkitFlexBasis: "auto"
webkitFlexDirection: "row"
webkitFlexFlow: "row nowrap"
webkitFlexGrow: "0"
webkitFlexShrink: "1"
webkitFlexWrap: "nowrap"
webkitJustifyContent: "normal"
webkitLineClamp: "none"
webkitMask: "none"
webkitMaskClip: "border-box"
webkitMaskComposite: "add"
webkitMaskImage: "none"
webkitMaskOrigin: "border-box"
webkitMaskPosition: "0% 0%"
webkitMaskPositionX: "0%"
webkitMaskPositionY: "0%"
webkitMaskRepeat: "repeat"
webkitMaskSize: "auto"
webkitOrder: "0"
webkitPerspective: "none"
webkitPerspectiveOrigin: "589px 28.8px"
webkitTextFillColor: "rgb(44, 62, 80)"
webkitTextSizeAdjust: "auto"
webkitTextStroke: "0px rgb(44, 62, 80)"
webkitTextStrokeColor: "rgb(44, 62, 80)"
webkitTextStrokeWidth: "0px"
webkitTransform: "none"
webkitTransformOrigin: "589px 28.8px"
webkitTransformStyle: "flat"
webkitTransition: "all 0s ease 0s"
webkitTransitionDelay: "0s"
webkitTransitionDuration: "0s"
webkitTransitionProperty: "all"
webkitTransitionTimingFunction: "ease"
webkitUserSelect: "auto"
"white-space": "normal"
whiteSpace: "normal"
width: "1178px"
"will-change": "auto"
willChange: "auto"
"word-break": "normal"
"word-spacing": "0px"
"word-wrap": "normal"
wordBreak: "normal"
wordSpacing: "0px"
wordWrap: "normal"
"writing-mode": "horizontal-tb"
writingMode: "horizontal-tb"
x: "0px"
y: "0px"
"z-index": "20"
zIndex: "20"
But when i use Copy object from firefox context menu it copied to clipboard exactly the same message as from console.log(props) output
screenshot
If this is issue of Playwright you can create an issue there. I think Playwright should guarantee cross-browser executions of their features.
If you think it that issue is inside CodeceptJS helper, please make a pull request to fix that
