Skip to content

POC: JavaScript expressions in brick args #22805

POC: JavaScript expressions in brick args

POC: JavaScript expressions in brick args #22805

Triggered via pull request November 12, 2024 22:02
Status Failure
Total duration 16m 18s
Artifacts 9

ci.yml

on: pull_request
Matrix: end-to-end-tests / run-tests
Create report
25s
Create report
upload-to-codecov
0s
upload-to-codecov
Fit to window
Zoom out
Zoom in

Annotations

11 errors and 12 warnings
lint
Process completed with exit code 1.
getToggleOptions › should include file picker and variable toggle options: applications/browser-extension/src/contrib/google/sheets/ui/AppendSpreadsheetOptions.test.tsx#L237
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 9 @@ -4,6 +4,15 @@ "value": "string", }, ObjectContaining { "value": "var", }, + Object { + "Widget": [Function TextWidget], + "interpretValue": [Function interpretValue], + "label": "JavaScript", + "symbol": <OptionIcon + icon="javascript" + />, + "value": "javascript", + }, ] at toEqual (src/contrib/google/sheets/ui/AppendSpreadsheetOptions.test.tsx:237:22)
getToggleOptions › should include file picker and variable toggle options: applications/browser-extension/src/contrib/google/sheets/ui/AppendSpreadsheetOptions.test.tsx#L237
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 9 @@ -4,6 +4,15 @@ "value": "string", }, ObjectContaining { "value": "var", }, + Object { + "Widget": [Function TextWidget], + "interpretValue": [Function interpretValue], + "label": "JavaScript", + "symbol": <OptionIcon + icon="javascript" + />, + "value": "javascript", + }, ] at toEqual (src/contrib/google/sheets/ui/AppendSpreadsheetOptions.test.tsx:237:22)
SchemaField › string field options: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "omit", "string", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <textarea class="form-control" id="testField" name="testField" rows="1" /> </div> <div class="dropdown show dropdown" data-test-selected="Text" data-testid="toggle-testField" > <button aria-expanded="true" aria-haspopup="true" class="dropdown-toggle btn btn-link" type="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> </button> <div aria-labelledby="" class="dropdown-menu show dropdown-menu-right" data-popper-escaped="true" data-popper-placement="bottom-end" data-popper-reference-hidden="true" style="position: absolute; top: 0px; left: 0px; margin: 0px; transform: translate(0px, 0px);" x-placement="bottom-end" > <a class="dropdown-item" data-testid="string" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Text </a> <a class="dropdown-item" data-testid="var" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Variable </a> <a class="dropdown-item" data-testid="javascript" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> JavaScript </a> <a class="dropdown-item" data-testid="omit" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Exclude </a> </div> </div> </div>
SchemaField › integer field options: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "number", "omit", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <input class="form-control" id="testField" step="1" type="number" value="42" /> </div> <div class="dropdown show dropdown" data-test-selected="Whole number" data-testid="toggle-testField" > <button aria-expanded="true" aria-haspopup="true" class="dropdown-toggle btn btn-link" type="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> </button> <div aria-labelledby="" class="dropdown-menu show dropdown-menu-right" data-popper-escaped="true" data-popper-placement="bottom-end" data-popper-reference-hidden="true" style="position: absolute; top: 0px; left: 0px; margin: 0px; transform: translate(0px, 0px);" x-placement="bottom-end" > <a class="dropdown-item" data-testid="number" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Whole number </a> <a class="dropdown-item" data-testid="var" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Variable </a> <a class="dropdown-item" data-testid="javascript" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> JavaScript </a> <a class="dropdown-item" data-testid="omit" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Exclude </a> </div>
SchemaField › string/integer field options: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "number", "omit", "string", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <input class="form-control" id="testField" step="1" type="number" value="42" /> </div> <div class="dropdown show dropdown" data-test-selected="Whole number" data-testid="toggle-testField" > <button aria-expanded="true" aria-haspopup="true" class="dropdown-toggle btn btn-link" type="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> </button> <div aria-labelledby="" class="dropdown-menu show dropdown-menu-right" data-popper-escaped="true" data-popper-placement="bottom-end" data-popper-reference-hidden="true" style="position: absolute; top: 0px; left: 0px; margin: 0px; transform: translate(0px, 0px);" x-placement="bottom-end" > <a class="dropdown-item" data-testid="number" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Whole number </a> <a class="dropdown-item" data-testid="string" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Text </a> <a class="dropdown-item" data-testid="var" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Variable </a> <a class="dropdown-item" data-testid="javascript" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> JavaScript </a>
SchemaField › database field toggle options (required: true): applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "select", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <div class=" css-b62m3t-container" > <span class="css-1f43avz-a11yText-A11yText" id="react-select-3-live-region" /> <span aria-atomic="false" aria-live="polite" aria-relevant="additions text" class="css-1f43avz-a11yText-A11yText" role="log" /> <div class=" css-13cymwt-control" > <div class=" css-1fdsijx-ValueContainer" > <div class=" css-1jqq78o-placeholder" id="react-select-3-placeholder" > Select... </div> <div class=" css-qbdosj-Input" data-value="" > <input aria-activedescendant="" aria-autocomplete="list" aria-describedby="react-select-3-placeholder" aria-expanded="false" aria-haspopup="true" autocapitalize="none" autocomplete="off" autocorrect="off" class="" id="react-select-3-input" role="combobox" spellcheck="false" style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;" tabindex="0" type="text" value="" /> </div> </div> <div class=" css-1hb7zxy-IndicatorsContainer" > <span class=" css-1u9des2-indicatorSeparator" /> <div aria-hidden="true" class=" css-1xc3v61-indicatorContainer" > <svg aria-hidden="true" class="css-tj5bde-Svg" focusable="false" height="20" viewBox="0 0 20 20" width="20" > <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" /> </svg> </div> </div> </div> <input
SchemaField › database field toggle options (required: false): applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "omit", "select", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <div class=" css-b62m3t-container" > <span class="css-1f43avz-a11yText-A11yText" id="react-select-5-live-region" /> <span aria-atomic="false" aria-live="polite" aria-relevant="additions text" class="css-1f43avz-a11yText-A11yText" role="log" /> <div class=" css-13cymwt-control" > <div class=" css-1fdsijx-ValueContainer" > <div class=" css-1jqq78o-placeholder" id="react-select-5-placeholder" > Select... </div> <div class=" css-qbdosj-Input" data-value="" > <input aria-activedescendant="" aria-autocomplete="list" aria-describedby="react-select-5-placeholder" aria-expanded="false" aria-haspopup="true" autocapitalize="none" autocomplete="off" autocorrect="off" class="" id="react-select-5-input" role="combobox" spellcheck="false" style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;" tabindex="0" type="text" value="" /> </div> </div> <div class=" css-1hb7zxy-IndicatorsContainer" > <span class=" css-1u9des2-indicatorSeparator" /> <div aria-hidden="true" class=" css-1xc3v61-indicatorContainer" > <svg aria-hidden="true" class="css-tj5bde-Svg" focusable="false" height="20" viewBox="0 0 20 20" width="20" > <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" /> </svg> </div> </div> </div> <input
SchemaField › labelled enum field schema defaults to selection widget: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "select", "string", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="testField" > Test Field </label> <div class="formField" > <div class="root" > <div class="field" > <div class=" css-b62m3t-container" > <span class="css-1f43avz-a11yText-A11yText" id="react-select-7-live-region" /> <span aria-atomic="false" aria-live="polite" aria-relevant="additions text" class="css-1f43avz-a11yText-A11yText" role="log" /> <div class=" css-13cymwt-control" > <div class=" css-1fdsijx-ValueContainer" > <div class=" css-1dimb5e-singleValue" > Foo </div> <div class=" css-qbdosj-Input" data-value="" > <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" autocapitalize="none" autocomplete="off" autocorrect="off" class="" id="testField" role="combobox" spellcheck="false" style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;" tabindex="0" type="text" value="" /> </div> </div> <div class=" css-1hb7zxy-IndicatorsContainer" > <span class=" css-1u9des2-indicatorSeparator" /> <div aria-hidden="true" class=" css-1xc3v61-indicatorContainer" > <svg aria-hidden="true" class="css-tj5bde-Svg" focusable="false" height="20" viewBox="0 0 20 20" width="20" > <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" /> </svg> </div> </div> </div> </div> </div> <div class="dropdown show dropdown" data-test-selected="Select..."
TabField › Renders select and variable toggle options: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "select", "string", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div class="formGroup form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <label class="label form-label" for="tabName" > Tab Name </label> <div class="formField" > <div class="root" > <div class="field" > <div class=" css-b62m3t-container" > <span class="css-1f43avz-a11yText-A11yText" id="react-select-3-live-region" /> <span aria-atomic="false" aria-live="polite" aria-relevant="additions text" class="css-1f43avz-a11yText-A11yText" role="log" /> <div class=" css-13cymwt-control" > <div class=" css-1fdsijx-ValueContainer" > <div class=" css-1dimb5e-singleValue" > Tab1 </div> <div class=" css-qbdosj-Input" data-value="" > <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" autocapitalize="none" autocomplete="off" autocorrect="off" class="" id="tabName" role="combobox" spellcheck="false" style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;" tabindex="0" type="text" value="" /> </div> </div> <div class=" css-1hb7zxy-IndicatorsContainer" > <span class=" css-1u9des2-indicatorSeparator" /> <div aria-hidden="true" class=" css-1xc3v61-indicatorContainer" > <svg aria-hidden="true" class="css-tj5bde-Svg" focusable="false" height="20" viewBox="0 0 20 20" width="20" > <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z" /> </svg> </div> </div> </div> </div> </div> <div class="dropdown show dropdown" data-test-selected="Select..." data
ObjectWidget › required property can't be removed: applications/browser-extension/src/components/fields/schemaFields/testHelpers.ts#L39
expect(received).toEqual(expected) // deep equality - Expected - 0 + Received + 1 Set { + "javascript", "string", "var", } Ignored nodes: comments, <script />, <style /> <html> <head /> <body> <div> <form action="#" > <div> <table class="mb-0 table table-sm" > <thead> <tr> <th scope="col" > Property name </th> <th scope="col" > Value </th> </tr> </thead> <tbody> <tr> <td> <input class="form-control" data-testid="testField.foo-name" readonly="" type="text" value="foo" /> </td> <td> <div class="formGroup mb-0 form-group" data-testid="field-template-form-group" > <div class="mb-2 w-100 collapse" > <div class="annotationPlaceholder" /> </div> <div class="formField" > <div class="root" > <div class="field" > <textarea class="form-control" id="testField.foo" name="testField.foo" rows="1" > fooValue </textarea> </div> <div class="dropdown dropdown" data-test-selected="Text" data-testid="toggle-testField.foo" > <button aria-expanded="false" aria-haspopup="true" class="dropdown-toggle btn btn-link" type="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> </button> <div aria-labelledby="" class="dropdown-menu dropdown-menu-right" style="position: absolute; top: 0px; left: 0px; margin: 0px; opacity: 0; pointer-events: none;" x-placement="bottom-end" > <a class="dropdown-item" data-testid="string" href="#" role="button" > <span class="symbol" > <test-file-stub classname="root" /> </span> Text </a> <a class="dropdown-item" data-testid="var" href="#" role="button" > <span
prettier
The `python-version` input is not set. The version of Python currently in `PATH` will be used.
generate-headers
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
types
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
build
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
test
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (chrome, 3, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (msedge, 2, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (chrome, 2, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (msedge, 3, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (chrome, 1, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
end-to-end-tests / run-tests (msedge, 1, 3)
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back
Create report
Could not determine node version from /home/runner/work/pixiebrix-extension/pixiebrix-extension/applications/browser-extension/package.json. Falling back

Artifacts

Produced during runtime
Name Size
brick-headers Expired
17.4 KB
build-staging-bundle-dependency-report Expired
569 KB
end-to-end-tests-report Expired
12.6 KB
end-to-end-tests-report-chrome-1 Expired
118 KB
end-to-end-tests-report-chrome-2 Expired
74.5 KB
end-to-end-tests-report-chrome-3 Expired
70.4 KB
end-to-end-tests-report-msedge-1 Expired
117 KB
end-to-end-tests-report-msedge-2 Expired
73.6 KB
end-to-end-tests-report-msedge-3 Expired
71 KB