@instructure/ui-billboard 8.44.1-snapshot-4 → 8.44.1-snapshot-5

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.44.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v8.44.0...v8.44.1-snapshot-4) (2023-09-29)
+## [8.44.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.44.0...v8.44.1-snapshot-5) (2023-10-03)
 
 **Note:** Version bump only for package @instructure/ui-billboard
 

package/es/Billboard/__new-tests__/Billboard.test.js

@@ -0,0 +1,161 @@
+var _IconUserLine, _Billboard, _Billboard2, _Billboard3, _Billboard4, _span, _span2, _Billboard5, _Billboard6, _Billboard7;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/extend-expect';
+import { Billboard } from '../index';
+import { IconUserLine } from '@instructure/ui-icons';
+import { runAxeCheck } from '@instructure/ui-axe-check';
+const TEST_HEADING = 'test-heading';
+const TEST_MESSAGE = 'test-message';
+const TEST_LINK = 'http://instructure-test.com';
+const TEST_HERO = () => _IconUserLine || (_IconUserLine = /*#__PURE__*/React.createElement(IconUserLine, {
+  size: 'medium'
+}));
+describe('<Billboard />', () => {
+  it('should render', () => {
+    const _render = render(_Billboard || (_Billboard = /*#__PURE__*/React.createElement(Billboard, null))),
+      container = _render.container;
+    expect(container.firstChild).toBeInTheDocument();
+  });
+  it('should be accessible', async () => {
+    const _render2 = render(_Billboard2 || (_Billboard2 = /*#__PURE__*/React.createElement(Billboard, {
+        heading: TEST_HEADING,
+        message: TEST_MESSAGE,
+        hero: TEST_HERO
+      }))),
+      container = _render2.container;
+    const axeCheck = await runAxeCheck(container);
+    expect(axeCheck).toBe(true);
+  });
+  it('should render a heading with the correct tag', () => {
+    render(_Billboard3 || (_Billboard3 = /*#__PURE__*/React.createElement(Billboard, {
+      heading: TEST_HEADING,
+      headingAs: "h2"
+    })));
+    const heading = screen.getByText(TEST_HEADING);
+    expect(heading).toBeInTheDocument();
+    expect(heading.tagName).toBe('H2');
+  });
+  it('renders as a link if it has an href prop', () => {
+    render(_Billboard4 || (_Billboard4 = /*#__PURE__*/React.createElement(Billboard, {
+      href: TEST_LINK
+    })));
+    const link = screen.getByRole('link');
+    expect(link).toBeInTheDocument();
+    expect(link).toHaveAttribute('href', TEST_LINK);
+  });
+  it('renders as a button and responds to onClick event', () => {
+    const onClick = jest.fn();
+    render( /*#__PURE__*/React.createElement(Billboard, {
+      onClick: onClick
+    }));
+    const button = screen.getByRole('button');
+    fireEvent.click(button);
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+  describe('when rendering message', () => {
+    it('should render message when passed a node', async () => {
+      const messageNode = _span || (_span = /*#__PURE__*/React.createElement("span", null, TEST_MESSAGE));
+      render( /*#__PURE__*/React.createElement(Billboard, {
+        message: messageNode
+      }));
+      const messageElement = screen.getByText(TEST_MESSAGE);
+      expect(messageElement).toBeInTheDocument();
+      expect(messageElement.tagName).toBe('SPAN');
+    });
+    it('should render message passed a function', () => {
+      const messageNode = _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null, TEST_MESSAGE));
+      render( /*#__PURE__*/React.createElement(Billboard, {
+        message: () => messageNode
+      }));
+      const messageElement = screen.getByText(TEST_MESSAGE);
+      expect(messageElement).toBeInTheDocument();
+      expect(messageElement.tagName).toBe('SPAN');
+    });
+  });
+  describe('when disabled', () => {
+    it('should apply aria-disabled to link', () => {
+      render(_Billboard5 || (_Billboard5 = /*#__PURE__*/React.createElement(Billboard, {
+        href: TEST_LINK,
+        disabled: true
+      })));
+      const link = screen.getByRole('link');
+      expect(link).toHaveAttribute('aria-disabled', 'true');
+    });
+    it('should not be clickable', () => {
+      const onClick = jest.fn();
+      render( /*#__PURE__*/React.createElement(Billboard, {
+        onClick: onClick,
+        disabled: true
+      }));
+      const button = screen.getByRole('button');
+      userEvent.click(button);
+      expect(onClick).not.toHaveBeenCalled();
+    });
+  });
+  describe('when readOnly', () => {
+    it('should apply aria-disabled', () => {
+      render(_Billboard6 || (_Billboard6 = /*#__PURE__*/React.createElement(Billboard, {
+        href: TEST_LINK,
+        readOnly: true
+      })));
+      const link = screen.getByRole('link');
+      expect(link).toHaveAttribute('aria-disabled', 'true');
+    });
+    it('should not be clickable', () => {
+      const onClick = jest.fn();
+      render( /*#__PURE__*/React.createElement(Billboard, {
+        onClick: onClick,
+        readOnly: true
+      }));
+      const button = screen.getByRole('button');
+      userEvent.click(button);
+      expect(onClick).not.toHaveBeenCalled();
+    });
+  });
+  describe('when passing down props to View', () => {
+    it('should support an elementRef prop', () => {
+      const elementRef = jest.fn();
+      render( /*#__PURE__*/React.createElement(Billboard, {
+        elementRef: elementRef,
+        href: TEST_LINK
+      }));
+      const link = screen.getByRole('link');
+      expect(elementRef).toHaveBeenCalledWith(link);
+    });
+    it('should support an `as` prop', () => {
+      const _render3 = render(_Billboard7 || (_Billboard7 = /*#__PURE__*/React.createElement(Billboard, {
+          as: "em"
+        }))),
+        container = _render3.container;
+      const billboardAsEm = container.querySelector('em');
+      expect(billboardAsEm).toBeInTheDocument();
+      expect(billboardAsEm === null || billboardAsEm === void 0 ? void 0 : billboardAsEm.className).toMatch(/view-billboard/);
+    });
+  });
+});

package/lib/Billboard/__new-tests__/Billboard.test.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+require("@testing-library/jest-dom/extend-expect");
+var _index = require("../index");
+var _IconUserLine2 = require("@instructure/ui-icons/lib/IconUserLine.js");
+var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _IconUserLine, _Billboard, _Billboard2, _Billboard3, _Billboard4, _span, _span2, _Billboard5, _Billboard6, _Billboard7;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const TEST_HEADING = 'test-heading';
+const TEST_MESSAGE = 'test-message';
+const TEST_LINK = 'http://instructure-test.com';
+const TEST_HERO = () => _IconUserLine || (_IconUserLine = /*#__PURE__*/_react.default.createElement(_IconUserLine2.IconUserLine, {
+  size: 'medium'
+}));
+describe('<Billboard />', () => {
+  it('should render', () => {
+    const _render = (0, _react2.render)(_Billboard || (_Billboard = /*#__PURE__*/_react.default.createElement(_index.Billboard, null))),
+      container = _render.container;
+    expect(container.firstChild).toBeInTheDocument();
+  });
+  it('should be accessible', async () => {
+    const _render2 = (0, _react2.render)(_Billboard2 || (_Billboard2 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        heading: TEST_HEADING,
+        message: TEST_MESSAGE,
+        hero: TEST_HERO
+      }))),
+      container = _render2.container;
+    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+    expect(axeCheck).toBe(true);
+  });
+  it('should render a heading with the correct tag', () => {
+    (0, _react2.render)(_Billboard3 || (_Billboard3 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+      heading: TEST_HEADING,
+      headingAs: "h2"
+    })));
+    const heading = _react2.screen.getByText(TEST_HEADING);
+    expect(heading).toBeInTheDocument();
+    expect(heading.tagName).toBe('H2');
+  });
+  it('renders as a link if it has an href prop', () => {
+    (0, _react2.render)(_Billboard4 || (_Billboard4 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+      href: TEST_LINK
+    })));
+    const link = _react2.screen.getByRole('link');
+    expect(link).toBeInTheDocument();
+    expect(link).toHaveAttribute('href', TEST_LINK);
+  });
+  it('renders as a button and responds to onClick event', () => {
+    const onClick = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+      onClick: onClick
+    }));
+    const button = _react2.screen.getByRole('button');
+    _react2.fireEvent.click(button);
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+  describe('when rendering message', () => {
+    it('should render message when passed a node', async () => {
+      const messageNode = _span || (_span = /*#__PURE__*/_react.default.createElement("span", null, TEST_MESSAGE));
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        message: messageNode
+      }));
+      const messageElement = _react2.screen.getByText(TEST_MESSAGE);
+      expect(messageElement).toBeInTheDocument();
+      expect(messageElement.tagName).toBe('SPAN');
+    });
+    it('should render message passed a function', () => {
+      const messageNode = _span2 || (_span2 = /*#__PURE__*/_react.default.createElement("span", null, TEST_MESSAGE));
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        message: () => messageNode
+      }));
+      const messageElement = _react2.screen.getByText(TEST_MESSAGE);
+      expect(messageElement).toBeInTheDocument();
+      expect(messageElement.tagName).toBe('SPAN');
+    });
+  });
+  describe('when disabled', () => {
+    it('should apply aria-disabled to link', () => {
+      (0, _react2.render)(_Billboard5 || (_Billboard5 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        href: TEST_LINK,
+        disabled: true
+      })));
+      const link = _react2.screen.getByRole('link');
+      expect(link).toHaveAttribute('aria-disabled', 'true');
+    });
+    it('should not be clickable', () => {
+      const onClick = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        onClick: onClick,
+        disabled: true
+      }));
+      const button = _react2.screen.getByRole('button');
+      _userEvent.default.click(button);
+      expect(onClick).not.toHaveBeenCalled();
+    });
+  });
+  describe('when readOnly', () => {
+    it('should apply aria-disabled', () => {
+      (0, _react2.render)(_Billboard6 || (_Billboard6 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        href: TEST_LINK,
+        readOnly: true
+      })));
+      const link = _react2.screen.getByRole('link');
+      expect(link).toHaveAttribute('aria-disabled', 'true');
+    });
+    it('should not be clickable', () => {
+      const onClick = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        onClick: onClick,
+        readOnly: true
+      }));
+      const button = _react2.screen.getByRole('button');
+      _userEvent.default.click(button);
+      expect(onClick).not.toHaveBeenCalled();
+    });
+  });
+  describe('when passing down props to View', () => {
+    it('should support an elementRef prop', () => {
+      const elementRef = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+        elementRef: elementRef,
+        href: TEST_LINK
+      }));
+      const link = _react2.screen.getByRole('link');
+      expect(elementRef).toHaveBeenCalledWith(link);
+    });
+    it('should support an `as` prop', () => {
+      const _render3 = (0, _react2.render)(_Billboard7 || (_Billboard7 = /*#__PURE__*/_react.default.createElement(_index.Billboard, {
+          as: "em"
+        }))),
+        container = _render3.container;
+      const billboardAsEm = container.querySelector('em');
+      expect(billboardAsEm).toBeInTheDocument();
+      expect(billboardAsEm === null || billboardAsEm === void 0 ? void 0 : billboardAsEm.className).toMatch(/view-billboard/);
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-billboard",
-  "version": "8.44.1-snapshot-4",
+  "version": "8.44.1-snapshot-5",
   "description": "A UI component to display empty states, 404 pages, redirects, etc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,20 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.44.1-snapshot-4",
-    "@instructure/ui-color-utils": "8.44.1-snapshot-4",
-    "@instructure/ui-icons": "8.44.1-snapshot-4",
-    "@instructure/ui-test-utils": "8.44.1-snapshot-4",
-    "@instructure/ui-themes": "8.44.1-snapshot-4"
+    "@instructure/ui-axe-check": "8.44.1-snapshot-5",
+    "@instructure/ui-babel-preset": "8.44.1-snapshot-5",
+    "@instructure/ui-color-utils": "8.44.1-snapshot-5",
+    "@instructure/ui-icons": "8.44.1-snapshot-5",
+    "@instructure/ui-test-utils": "8.44.1-snapshot-5",
+    "@instructure/ui-themes": "8.44.1-snapshot-5",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.4.3"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
-    "@instructure/emotion": "8.44.1-snapshot-4",
-    "@instructure/shared-types": "8.44.1-snapshot-4",
-    "@instructure/ui-heading": "8.44.1-snapshot-4",
-    "@instructure/ui-img": "8.44.1-snapshot-4",
-    "@instructure/ui-react-utils": "8.44.1-snapshot-4",
-    "@instructure/ui-view": "8.44.1-snapshot-4",
+    "@instructure/emotion": "8.44.1-snapshot-5",
+    "@instructure/shared-types": "8.44.1-snapshot-5",
+    "@instructure/ui-heading": "8.44.1-snapshot-5",
+    "@instructure/ui-img": "8.44.1-snapshot-5",
+    "@instructure/ui-react-utils": "8.44.1-snapshot-5",
+    "@instructure/ui-view": "8.44.1-snapshot-5",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/Billboard/__new-tests__/Billboard.test.tsx

@@ -0,0 +1,167 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import '@testing-library/jest-dom/extend-expect'
+
+import { Billboard } from '../index'
+import { IconUserLine } from '@instructure/ui-icons'
+import { runAxeCheck } from '@instructure/ui-axe-check'
+
+const TEST_HEADING = 'test-heading'
+const TEST_MESSAGE = 'test-message'
+const TEST_LINK = 'http://instructure-test.com'
+const TEST_HERO = () => <IconUserLine size={'medium'} />
+
+describe('<Billboard />', () => {
+  it('should render', () => {
+    const { container } = render(<Billboard />)
+
+    expect(container.firstChild).toBeInTheDocument()
+  })
+
+  it('should be accessible', async () => {
+    const { container } = render(
+      <Billboard
+        heading={TEST_HEADING}
+        message={TEST_MESSAGE}
+        hero={TEST_HERO}
+      />
+    )
+    const axeCheck = await runAxeCheck(container)
+
+    expect(axeCheck).toBe(true)
+  })
+
+  it('should render a heading with the correct tag', () => {
+    render(<Billboard heading={TEST_HEADING} headingAs="h2" />)
+    const heading = screen.getByText(TEST_HEADING)
+
+    expect(heading).toBeInTheDocument()
+    expect(heading.tagName).toBe('H2')
+  })
+
+  it('renders as a link if it has an href prop', () => {
+    render(<Billboard href={TEST_LINK} />)
+
+    const link = screen.getByRole('link')
+
+    expect(link).toBeInTheDocument()
+    expect(link).toHaveAttribute('href', TEST_LINK)
+  })
+
+  it('renders as a button and responds to onClick event', () => {
+    const onClick = jest.fn()
+
+    render(<Billboard onClick={onClick} />)
+    const button = screen.getByRole('button')
+
+    fireEvent.click(button)
+
+    expect(onClick).toHaveBeenCalledTimes(1)
+  })
+
+  describe('when rendering message', () => {
+    it('should render message when passed a node', async () => {
+      const messageNode = <span>{TEST_MESSAGE}</span>
+
+      render(<Billboard message={messageNode} />)
+      const messageElement = screen.getByText(TEST_MESSAGE)
+
+      expect(messageElement).toBeInTheDocument()
+      expect(messageElement.tagName).toBe('SPAN')
+    })
+
+    it('should render message passed a function', () => {
+      const messageNode = <span>{TEST_MESSAGE}</span>
+
+      render(<Billboard message={() => messageNode} />)
+      const messageElement = screen.getByText(TEST_MESSAGE)
+
+      expect(messageElement).toBeInTheDocument()
+      expect(messageElement.tagName).toBe('SPAN')
+    })
+  })
+
+  describe('when disabled', () => {
+    it('should apply aria-disabled to link', () => {
+      render(<Billboard href={TEST_LINK} disabled={true} />)
+      const link = screen.getByRole('link')
+
+      expect(link).toHaveAttribute('aria-disabled', 'true')
+    })
+
+    it('should not be clickable', () => {
+      const onClick = jest.fn()
+
+      render(<Billboard onClick={onClick} disabled />)
+      const button = screen.getByRole('button')
+
+      userEvent.click(button)
+
+      expect(onClick).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('when readOnly', () => {
+    it('should apply aria-disabled', () => {
+      render(<Billboard href={TEST_LINK} readOnly />)
+      const link = screen.getByRole('link')
+
+      expect(link).toHaveAttribute('aria-disabled', 'true')
+    })
+
+    it('should not be clickable', () => {
+      const onClick = jest.fn()
+
+      render(<Billboard onClick={onClick} readOnly />)
+      const button = screen.getByRole('button')
+
+      userEvent.click(button)
+
+      expect(onClick).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('when passing down props to View', () => {
+    it('should support an elementRef prop', () => {
+      const elementRef = jest.fn()
+
+      render(<Billboard elementRef={elementRef} href={TEST_LINK} />)
+      const link = screen.getByRole('link')
+
+      expect(elementRef).toHaveBeenCalledWith(link)
+    })
+
+    it('should support an `as` prop', () => {
+      const { container } = render(<Billboard as="em" />)
+      const billboardAsEm = container.querySelector('em')
+
+      expect(billboardAsEm).toBeInTheDocument()
+      expect(billboardAsEm?.className).toMatch(/view-billboard/)
+    })
+  })
+})

package/tsconfig.build.json

@@ -17,6 +17,7 @@
     { "path": "../ui-heading/tsconfig.build.json" },
     { "path": "../ui-img/tsconfig.build.json" },
     { "path": "../ui-react-utils/tsconfig.build.json" },
-    { "path": "../ui-view/tsconfig.build.json" }
+    { "path": "../ui-view/tsconfig.build.json" },
+    { "path": "../ui-axe-check/tsconfig.build.json" }
   ]
 }