From 8f3b0ae272dae9b11a79618c6650b17e8f9e4211 Mon Sep 17 00:00:00 2001 From: Kyle Holmberg Date: Sat, 21 Mar 2026 23:46:34 +0700 Subject: [PATCH 01/11] Remove nested tags from next/link components --- components/Buttons/LinkButton/LinkButton.tsx | 6 +-- components/Nav/Nav.tsx | 41 +++++++-------- components/Nav/NavListItem/NavListItem.tsx | 55 ++++++++++---------- components/Nav/NavMobile/NavMobile.tsx | 10 ++-- pages/about.tsx | 18 ++----- pages/contact.tsx | 6 +-- pages/faq.tsx | 12 ++--- pages/get_involved.tsx | 17 ++---- pages/join/index.tsx | 4 +- pages/press.tsx | 26 +++------ pages/scholarship/index.tsx | 6 +-- pages/terms.tsx | 5 +- 12 files changed, 78 insertions(+), 128 deletions(-) diff --git a/components/Buttons/LinkButton/LinkButton.tsx b/components/Buttons/LinkButton/LinkButton.tsx index 2c70ffa5f..a1238a9bd 100644 --- a/components/Buttons/LinkButton/LinkButton.tsx +++ b/components/Buttons/LinkButton/LinkButton.tsx @@ -49,10 +49,8 @@ export default function LinkButton({ {children} ) : ( - - - {children} - + + {children} ); } diff --git a/components/Nav/Nav.tsx b/components/Nav/Nav.tsx index cec8b4502..be1d57327 100644 --- a/components/Nav/Nav.tsx +++ b/components/Nav/Nav.tsx @@ -47,16 +47,16 @@ export const Nav = () => { className="font-bold h-16 bg-white rounded-sm flex justify-between text-lg" data-testid="Desktop Nav" > - - { - event.preventDefault(); - Router.push('/branding'); - }} - > - - + { + event.preventDefault(); + Router.push('/branding'); + }} + > + diff --git a/components/Nav/NavListItem/NavListItem.tsx b/components/Nav/NavListItem/NavListItem.tsx index 9fc23a4ca..551d9b77a 100644 --- a/components/Nav/NavListItem/NavListItem.tsx +++ b/components/Nav/NavListItem/NavListItem.tsx @@ -57,21 +57,20 @@ function NavListItem({ sublinks, href, name }: NavListItemPropsType) { return (
  • - - - {name} - + + {name} {hasSublinks && (
    @@ -87,14 +87,14 @@ function NavMobile({ isOpen, openMenu, closeMenu, navItems }: NavMobilePropsType
    • - - Home + + Home
      • {navItems.map(navlink => (
    • - - {navlink.name} + + {navlink.name}
      • ))} diff --git a/pages/about.tsx b/pages/about.tsx index 28aad9d33..cb90667b4 100644 --- a/pages/about.tsx +++ b/pages/about.tsx @@ -34,9 +34,7 @@ function About() {

      We at Operation Code strive to provide an efficient way into a tech career for veterans, military spouses, and transitioning servicemembers. Read about our{' '} - - organization's history - + organization's history to learn more!

      @@ -51,11 +49,8 @@ function About() { As a non-profit organization, we rely heavily on your support. If you are interested in helping us financially, please donate here or set your Amazon Smile organization to “Operation Code”. If you have questions about our organization, platforms, - or services, please reference our{' '} - - FAQ - {' '} - page. Otherwise, do not hesitate to reach out to our staff. + or services, please reference our FAQ page. Otherwise, do not + hesitate to reach out to our staff.

      , ]} @@ -142,11 +137,8 @@ function About() { >
      Podcast

      - - We have a podcast! - {' '} - You can listen into the amazing stories of our members. Visualize your success through - others' footsteps. + We have a podcast! You can listen into the amazing + stories of our members. Visualize your success through others' footsteps.

      , ]} diff --git a/pages/contact.tsx b/pages/contact.tsx index 6d00cddbe..4abc1dfcd 100644 --- a/pages/contact.tsx +++ b/pages/contact.tsx @@ -22,10 +22,8 @@ function Contact() {

      The best way to reach our staff and our members is by{' '} - - joining Operation Code - {' '} - to receive an invite to our team, including our Slack chat. + joining Operation Code to receive an invite to our team, + including our Slack chat.

      diff --git a/pages/faq.tsx b/pages/faq.tsx index 258336f94..e965f9c30 100644 --- a/pages/faq.tsx +++ b/pages/faq.tsx @@ -142,11 +142,8 @@ const questions = { volunteers {' '} and interns. The larger our community, the more we can spread the word about our work. - Also, remember that every{' '} - - donation - {' '} - , no matter how modest, brings us closer to our goals. + Also, remember that every donation , no matter how modest, + brings us closer to our goals. ), }, @@ -190,10 +187,7 @@ const questions = { content: ( <> The fastest way to make a donation is through our secured online form{' '} - - here - - . + here. ), }, diff --git a/pages/get_involved.tsx b/pages/get_involved.tsx index 44299fbf3..383ffbe72 100644 --- a/pages/get_involved.tsx +++ b/pages/get_involved.tsx @@ -59,19 +59,10 @@ function GetInvolved() {

      Help make an impact to transitioning service members, military veterans, military - spouses and dependents! You can help in several ways:{' '} - - Donate - {' '} + spouses and dependents! You can help in several ways: Donate{' '} to help provide scholarships and keep our daily operations afloat,{' '} - - Volunteer - - , or become a{' '} - - Corporate Partner - - . + Volunteer, or become a{' '} + Corporate Partner.

      @@ -100,7 +91,7 @@ function GetInvolved() { Woman outlines a whiteboarding problem to a man
      ,
      diff --git a/pages/join/index.tsx b/pages/join/index.tsx index ae85c94f6..2c9289509 100644 --- a/pages/join/index.tsx +++ b/pages/join/index.tsx @@ -50,9 +50,7 @@ export default function Join() { about transitioning into the tech industry. We work with over 15,000 members who are all working towards relevant goals on Slack and in-person meet-ups. Membership is free! Unfamiliar with Slack?{` `} - - Learn how to use it! - + Learn how to use it!

      diff --git a/pages/press.tsx b/pages/press.tsx index 5a66ad6a1..44f053611 100644 --- a/pages/press.tsx +++ b/pages/press.tsx @@ -25,23 +25,11 @@ function Press() {
      , ]} /> diff --git a/pages/scholarship/index.tsx b/pages/scholarship/index.tsx index ea477b01f..869a3a121 100644 --- a/pages/scholarship/index.tsx +++ b/pages/scholarship/index.tsx @@ -83,9 +83,7 @@ export default function ScholarshipsPage() {
      • Be an active member of our Operation Code community ( - - join here - + join here ), a U.S. active duty, Reserves or National Guard military service member, Veteran or military dependent.
        • @@ -116,7 +114,7 @@ export default function ScholarshipsPage() {
        {option.title}
        - +

        {option.body}

        Press to apply!

        diff --git a/pages/terms.tsx b/pages/terms.tsx index c1962339f..817e50d7e 100644 --- a/pages/terms.tsx +++ b/pages/terms.tsx @@ -246,10 +246,7 @@ function Terms() {

        Contact Us

        If you have any questions about these Terms, please{' '} - - contact us - - . + contact us.

        , ]} From 089e791f7948ec51d369d6883ad87236a9292375 Mon Sep 17 00:00:00 2001 From: Kyle Holmberg Date: Sat, 21 Mar 2026 23:46:48 +0700 Subject: [PATCH 02/11] Migrate next/image from layout prop to fill/style --- components/Cards/FlatCard/FlatCard.tsx | 4 ++-- components/Cards/ImageCard/ImageCard.tsx | 2 +- .../PartnerLogoLink/PartnerLogoLink.tsx | 2 +- components/Press/PressPhotos/PressPhotos.tsx | 2 +- pages/corporate-training/index.tsx | 5 ++--- pages/project_rebuild.tsx | 19 ++++++++++--------- 6 files changed, 17 insertions(+), 17 deletions(-) diff --git a/components/Cards/FlatCard/FlatCard.tsx b/components/Cards/FlatCard/FlatCard.tsx index 7552b0fe5..d522ee578 100644 --- a/components/Cards/FlatCard/FlatCard.tsx +++ b/components/Cards/FlatCard/FlatCard.tsx @@ -41,8 +41,8 @@ function FlatCard({ button: Button, children, className, header, image }: FlatCa {image.alt diff --git a/components/Cards/ImageCard/ImageCard.tsx b/components/Cards/ImageCard/ImageCard.tsx index ba00f27dc..98c3ed1f9 100644 --- a/components/Cards/ImageCard/ImageCard.tsx +++ b/components/Cards/ImageCard/ImageCard.tsx @@ -26,7 +26,7 @@ function ImageCard({ imageSource, isImageFirst = true, }: ImageCardPropsType) { - const ImageComponent = {alt}; + const ImageComponent = {alt}; const ContentComponent = (
        {children}
        diff --git a/components/PartnerLogoLink/PartnerLogoLink.tsx b/components/PartnerLogoLink/PartnerLogoLink.tsx index e85ee4239..84780fb7f 100644 --- a/components/PartnerLogoLink/PartnerLogoLink.tsx +++ b/components/PartnerLogoLink/PartnerLogoLink.tsx @@ -48,7 +48,7 @@ export default function PartnerLogoLink({ className="transition-all duration-200 ease-linear grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:transition-all hover:duration-200 hover:ease-linear object-contain" src={logoSource} alt={`${name} logo`} - layout="fill" + fill /> diff --git a/components/Press/PressPhotos/PressPhotos.tsx b/components/Press/PressPhotos/PressPhotos.tsx index f0d0f338a..09cd93374 100644 --- a/components/Press/PressPhotos/PressPhotos.tsx +++ b/components/Press/PressPhotos/PressPhotos.tsx @@ -34,7 +34,7 @@ function PressPhotos() { {photo.alt} diff --git a/pages/corporate-training/index.tsx b/pages/corporate-training/index.tsx index b52ceb6bb..704ca7407 100644 --- a/pages/corporate-training/index.tsx +++ b/pages/corporate-training/index.tsx @@ -163,9 +163,8 @@ const CorporateTraining = () => { {bias.alt} diff --git a/pages/project_rebuild.tsx b/pages/project_rebuild.tsx index 80abfa061..96008cde1 100644 --- a/pages/project_rebuild.tsx +++ b/pages/project_rebuild.tsx @@ -35,23 +35,24 @@ function ProjectRebuild() { > Fresh Start Refugee Operation Code Globally , From b3fe2ce1580439fc9ad18b988dcfe90cf96f7323 Mon Sep 17 00:00:00 2001 From: Kyle Holmberg Date: Sat, 21 Mar 2026 23:47:53 +0700 Subject: [PATCH 03/11] Update next.config.js and fix React 19 compat issues --- .../Form/Input/__stories__/Input.stories.tsx | 5 +- components/Heading/Heading.tsx | 1 + next.config.js | 71 +++++-------------- pages/_app.tsx | 17 +---- tsconfig.json | 54 ++++++++++---- 5 files changed, 62 insertions(+), 86 deletions(-) diff --git a/components/Form/Input/__stories__/Input.stories.tsx b/components/Form/Input/__stories__/Input.stories.tsx index 6e927aec5..7566a3fc9 100644 --- a/components/Form/Input/__stories__/Input.stories.tsx +++ b/components/Form/Input/__stories__/Input.stories.tsx @@ -1,5 +1,6 @@ +import type { ReactNode } from 'react'; import { Formik, Field } from 'formik'; -import type { StoryFn } from '@storybook/react'; +import type { StoryFn } from '@storybook/nextjs'; import Form from '../../Form'; import Input from '../Input'; @@ -49,7 +50,7 @@ export default { controls: { sort: 'requiredFirst' }, }, decorators: [ - (InputStory: () => JSX.Element) => ( + (InputStory: () => ReactNode) => ( <> NOTE: This component's story has no context outside of Formik and will not function diff --git a/components/Heading/Heading.tsx b/components/Heading/Heading.tsx index 88b78505b..87b0986a0 100644 --- a/components/Heading/Heading.tsx +++ b/components/Heading/Heading.tsx @@ -1,3 +1,4 @@ +import type { JSX } from 'react'; import { cx } from 'common/utils/cva'; import kebabCase from 'lodash/kebabCase'; import ScreenReaderOnly from 'components/ScreenReaderOnly/ScreenReaderOnly'; diff --git a/next.config.js b/next.config.js index 11b590b14..38c6cd13e 100644 --- a/next.config.js +++ b/next.config.js @@ -4,41 +4,29 @@ const { withSentryConfig } = require('@sentry/nextjs'); const withBundleAnalyzer = require('@next/bundle-analyzer')({ enabled: hasBundleAnalyzer }); const svgoConfig = require('./common/config/svgo'); -const sentryWebpackPluginOptions = { - // Additional config options for the Sentry Webpack plugin. Keep in mind that - // the following options are set automatically, and overriding them is not - // recommended: - // release, url, org, project, authToken, configFile, stripPrefix, - // urlPrefix, include, ignore - - silent: true, // Suppresses all logs - // For all available options, see: - // https://github.com/getsentry/sentry-webpack-plugin#options. -}; - /** * @see https://nextjs.org/docs/basic-features/typescript#type-checking-nextconfigjs * @type {import('next').NextConfig} */ const nextConfig = { - excludeDefaultMomentLocales: true, - - devIndicators: { - buildActivityPosition: 'top-left', - }, - - eslint: { - ignoreDuringBuilds: true, // We lint during CI. + turbopack: { + rules: { + '*.svg': { + loaders: ['@svgr/webpack'], + as: '*.js', + }, + }, }, images: { - domains: [ - 'operation-code-assets.s3.us-east-2.amazonaws.com', - 'user-images.githubusercontent.com', - 'ssl-static.libsyn.com', - 'static.libsyn.com', - 'libsyn.com', - 'i.ytimg.com', + localPatterns: [{ pathname: '/**' }], + remotePatterns: [ + { protocol: 'https', hostname: 'operation-code-assets.s3.us-east-2.amazonaws.com' }, + { protocol: 'https', hostname: 'user-images.githubusercontent.com' }, + { protocol: 'https', hostname: 'ssl-static.libsyn.com' }, + { protocol: 'https', hostname: 'static.libsyn.com' }, + { protocol: 'https', hostname: 'libsyn.com' }, + { protocol: 'https', hostname: 'i.ytimg.com' }, ], }, @@ -123,29 +111,6 @@ const nextConfig = { }, }; -/** - * The name of the function type is `normalizeConfig` in `next/dist/server/config-shared`, - * but JSDoc type imports can't read it. - * - * @type {(phase: string, config: import('next').NextConfig) => Promise} - */ -module.exports = async (phase, defaultConfig) => { - const plugins = [ - /** - * - * @type {(config: import('next').NextConfig) => any} - */ - config => withSentryConfig(config, sentryWebpackPluginOptions), - withBundleAnalyzer, - ]; - - const config = plugins.reduce( - (acc, plugin) => { - const update = plugin(acc); - return typeof update === 'function' ? update(phase, defaultConfig) : update; - }, - { ...nextConfig }, - ); - - return config; -}; +module.exports = withSentryConfig(withBundleAnalyzer(nextConfig), { + silent: true, +}); diff --git a/pages/_app.tsx b/pages/_app.tsx index 2d8368cd4..9690bf385 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -55,19 +55,6 @@ const setLogRocketFingerprint = () => { Router.events.on('routeChangeComplete', url => gtag.pageView(url)); -// Fixes Next CSS route change bug: https://github.com/vercel/next-plugins/issues/282 -if (!isProduction) { - Router.events.on('routeChangeComplete', () => { - const path = '/_next/static/chunks/styles.chunk.module.css'; - const chunksSelector = `link[href*="${path}"]:not([rel=preload])`; - const chunksNodes: NodeListOf = document.querySelectorAll(chunksSelector); - if (chunksNodes.length) { - const timestamp = new Date().valueOf(); - chunksNodes[0].href = `${path}?ts=${timestamp}`; - } - }); -} - const App = ({ Component, pageProps, err }: AppProps & { err: NextErrorComponent }) => { useEffect(() => { /* Analytics */ @@ -78,9 +65,7 @@ const App = ({ Component, pageProps, err }: AppProps & { err: NextErrorComponent LogRocket.getSessionURL(sessionURL => { // eslint-disable-next-line no-console console.log('LogRocket session URL: ', sessionURL); - Sentry.configureScope(scope => { - scope.setExtra('sessionURL', sessionURL); - }); + Sentry.getCurrentScope().setExtra('sessionURL', sessionURL); }); setupLogRocketReact(LogRocket); diff --git a/tsconfig.json b/tsconfig.json index 93c6e8cf5..fc9e46ab9 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,14 +2,18 @@ "compilerOptions": { "baseUrl": "./", "target": "esnext", - "lib": ["dom", "dom.iterable", "esnext"], + "lib": [ + "dom", + "dom.iterable", + "esnext" + ], "allowJs": true, "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "incremental": true, "esModuleInterop": true, "module": "esnext", - "moduleResolution": "node", + "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "checkJs": false, @@ -19,22 +23,39 @@ "noImplicitAny": true, "noUnusedLocals": true, "noUnusedParameters": true, - "jsx": "preserve", - "jsxFactory": "React.createElement", - "jsxFragmentFactory": "React.Fragment", + "jsx": "react-jsx", "noEmit": true, "noEmitOnError": true, "paths": { - "common/*": ["./common/*"], - "components/*": ["./components/*"], - "pages/*": ["./pages/*"], - "public/*": ["./public/*"], - "scripts/*": ["./scripts/*"], - "static/*": ["./public/static/*"], - "styles/*": ["./styles/*"], - "test-utils/*": ["./test-utils/*"] + "common/*": [ + "./common/*" + ], + "components/*": [ + "./components/*" + ], + "pages/*": [ + "./pages/*" + ], + "public/*": [ + "./public/*" + ], + "scripts/*": [ + "./scripts/*" + ], + "static/*": [ + "./public/static/*" + ], + "styles/*": [ + "./styles/*" + ], + "test-utils/*": [ + "./test-utils/*" + ] }, - "types": ["vitest/globals", "@testing-library/jest-dom"] + "types": [ + "vitest/globals", + "@testing-library/jest-dom" + ] }, "include": [ "vitest.config.mts", @@ -44,5 +65,8 @@ "**/*.ts", "**/*.tsx" ], - "exclude": ["node_modules", "./cypress/tsconfig.json"] + "exclude": [ + "node_modules", + "./cypress/tsconfig.json" + ] } From fa9cb36e609a019246e19d5b50f6b5c55b4417dc Mon Sep 17 00:00:00 2001 From: Kyle Holmberg Date: Sat, 21 Mar 2026 23:48:05 +0700 Subject: [PATCH 04/11] Replace react-test-renderer with @testing-library/react --- .eslintrc.js | 2 +- .../ColorSection/__tests__/ColorSection.test.tsx | 4 ++-- .../FontSection/__tests__/FontSection.test.tsx | 4 ++-- .../LogoSection/__tests__/LogoSection.test.tsx | 4 ++-- .../Branding/Swatch/__tests__/Swatch.test.tsx | 4 ++-- .../Cards/ImageCard/__tests__/ImageCard.test.tsx | 6 +++--- components/Footer/__tests__/Footer.test.tsx | 4 ++-- .../NavListItem/__tests__/NavListItem.test.tsx | 4 ++-- .../Nav/NavMobile/__tests__/NavMobile.test.tsx | 4 ++-- components/Nav/__tests__/Nav.test.tsx | 4 ++-- .../PressLinks/__tests__/PressLinks.test.tsx | 4 ++-- .../PressPhotos/__tests__/PressPhotos.test.tsx | 4 ++-- .../PressVideos/__tests__/PressVideos.test.tsx | 4 ++-- .../__tests__/DonateSection.test.tsx | 5 ++--- .../SocialMedia/__tests__/SocialMedia.test.tsx | 4 ++-- .../SuccessStory/__tests__/SuccessStory.test.tsx | 4 ++-- .../TimelineNav/__tests__/TimelineNav.test.tsx | 4 ++-- components/Timeline/__tests__/Timeline.test.tsx | 4 ++-- test-utils/createShallowSnapshotTest.js | 16 ---------------- test-utils/createSnapshotTest.js | 6 +++--- 20 files changed, 39 insertions(+), 56 deletions(-) delete mode 100644 test-utils/createShallowSnapshotTest.js diff --git a/.eslintrc.js b/.eslintrc.js index 6fe8c0731..06b7071b3 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -167,7 +167,7 @@ module.exports = { 'vitest/consistent-test-it': ['error', { fn: 'it', withinDescribe: 'it' }], 'vitest/expect-expect': [ 'error', - { assertFunctionNames: ['expect', 'createShallowSnapshotTest', 'createSnapshotTest'] }, + { assertFunctionNames: ['expect', 'createSnapshotTest'] }, ], 'vitest/prefer-lowercase-title': ['error', { ignore: ['describe'] }], 'vitest/no-test-prefixes': 'error', diff --git a/components/Branding/ColorSection/__tests__/ColorSection.test.tsx b/components/Branding/ColorSection/__tests__/ColorSection.test.tsx index d01c6a83e..041a2ea1c 100644 --- a/components/Branding/ColorSection/__tests__/ColorSection.test.tsx +++ b/components/Branding/ColorSection/__tests__/ColorSection.test.tsx @@ -1,9 +1,9 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import ColorSection from '../ColorSection'; describe('ColorSection', () => { it('should render with required props', () => { - createShallowSnapshotTest(); + createSnapshotTest(); }); }); diff --git a/components/Branding/FontSection/__tests__/FontSection.test.tsx b/components/Branding/FontSection/__tests__/FontSection.test.tsx index eea0622fe..af20e52c7 100644 --- a/components/Branding/FontSection/__tests__/FontSection.test.tsx +++ b/components/Branding/FontSection/__tests__/FontSection.test.tsx @@ -1,9 +1,9 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import FontSection from '../FontSection'; describe('FontSection', () => { it('should render with required props', () => { - createShallowSnapshotTest(); + createSnapshotTest(); }); }); diff --git a/components/Branding/LogoSection/__tests__/LogoSection.test.tsx b/components/Branding/LogoSection/__tests__/LogoSection.test.tsx index a7e4dedee..003b1af53 100644 --- a/components/Branding/LogoSection/__tests__/LogoSection.test.tsx +++ b/components/Branding/LogoSection/__tests__/LogoSection.test.tsx @@ -1,9 +1,9 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import LogoSection from '../LogoSection'; describe('LogoSection', () => { it('should render with required props', () => { - createShallowSnapshotTest(); + createSnapshotTest(); }); }); diff --git a/components/Branding/Swatch/__tests__/Swatch.test.tsx b/components/Branding/Swatch/__tests__/Swatch.test.tsx index 17d92e2e8..36786ab64 100644 --- a/components/Branding/Swatch/__tests__/Swatch.test.tsx +++ b/components/Branding/Swatch/__tests__/Swatch.test.tsx @@ -1,9 +1,9 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import Swatch from '../Swatch'; describe('Swatch', () => { it('should render with required props', () => { - createShallowSnapshotTest(); + createSnapshotTest(); }); }); diff --git a/components/Cards/ImageCard/__tests__/ImageCard.test.tsx b/components/Cards/ImageCard/__tests__/ImageCard.test.tsx index 761d20a5c..653787601 100644 --- a/components/Cards/ImageCard/__tests__/ImageCard.test.tsx +++ b/components/Cards/ImageCard/__tests__/ImageCard.test.tsx @@ -1,9 +1,9 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import ImageCard from '../ImageCard'; describe('ImageCard', () => { it('should render with required props', () => { - createShallowSnapshotTest( + createSnapshotTest(

        Testing!

        , @@ -11,7 +11,7 @@ describe('ImageCard', () => { }); it('should render with many props assigned', () => { - createShallowSnapshotTest( + createSnapshotTest( { it('should render with no props passed', () => { vi.useFakeTimers().setSystemTime(new Date('2023-03-03')); - createShallowSnapshotTest(
        ); + createSnapshotTest(
        ); }); }); diff --git a/components/Nav/NavListItem/__tests__/NavListItem.test.tsx b/components/Nav/NavListItem/__tests__/NavListItem.test.tsx index 4c04bcbf4..dd745588b 100644 --- a/components/Nav/NavListItem/__tests__/NavListItem.test.tsx +++ b/components/Nav/NavListItem/__tests__/NavListItem.test.tsx @@ -1,4 +1,4 @@ -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import { render, fireEvent } from '@testing-library/react'; import { KEY_CODES } from 'test-utils/identifiers'; @@ -27,7 +27,7 @@ describe('NavListItem', () => { }; it('should render with required props passed', () => - createShallowSnapshotTest()); + createSnapshotTest()); it('should not render unordered list without passed sublinks', () => { const { container } = render(); diff --git a/components/Nav/NavMobile/__tests__/NavMobile.test.tsx b/components/Nav/NavMobile/__tests__/NavMobile.test.tsx index aabbf23cb..027ef50f4 100644 --- a/components/Nav/NavMobile/__tests__/NavMobile.test.tsx +++ b/components/Nav/NavMobile/__tests__/NavMobile.test.tsx @@ -1,5 +1,5 @@ import { fireEvent, render } from '@testing-library/react'; -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import { mobileNavItems } from 'common/constants/navigation'; import { CLOSE_BUTTON } from 'common/constants/testIDs'; import noop from 'lodash/noop'; @@ -8,7 +8,7 @@ import NavMobile from '../NavMobile'; describe('NavMobile', () => { it('should render', () => - createShallowSnapshotTest( + createSnapshotTest( , )); diff --git a/components/Nav/__tests__/Nav.test.tsx b/components/Nav/__tests__/Nav.test.tsx index 49fc4c9de..6c33d9716 100644 --- a/components/Nav/__tests__/Nav.test.tsx +++ b/components/Nav/__tests__/Nav.test.tsx @@ -1,11 +1,11 @@ import { fireEvent, render, screen } from '@testing-library/react'; import { CLOSE_BUTTON } from 'common/constants/testIDs'; -import createShallowSnapshotTest from 'test-utils/createShallowSnapshotTest'; +import createSnapshotTest from 'test-utils/createSnapshotTest'; import { Nav } from '../Nav'; describe('Nav', () => { - it('should render with no props passed', () => createShallowSnapshotTest(
      , - ] - } - hasTitleUnderline={true} - theme="gray" - title="Typography" -/> + Typography + + +
      +
        +
      • +
        +
        + DIN Condensed Bold +
        +

        + Sphinx of black quartz, judge my vow! +

        +
        +
        • +
      • +
        +
        + Encode Sans +
        +

        + Sphinx of black quartz, judge my vow! +

        +
        +
        • +
      +
      + + + `; diff --git a/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap b/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap index 323440954..dccf813f9 100644 --- a/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap +++ b/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap @@ -1,290 +1,356 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`LogoSection > should render with required props 1`] = ` - +
      +
      +
      -
    • -
      +
      - Small Logos -
      -

      - For use when Operation Code's logo name is between 0-1 inch in height. In most cases, use the Original Small Logo. The Stacked Small Logo is to be used where graphics needs are larger in vertical height than horizontal width with the Operation Code logo name still under 1 inch in height. -

      -
        -
      • -
        + + Scroll to + Logo + + - TYPICAL -
        -
          -
        • - + + Link Icon + + + + + + +
      • + Logo + +
      +
      +
        +
      • +
        + Small Logos +
        +

        + For use when Operation Code's logo name is between 0-1 inch in height. In most cases, use the Original Small Logo. The Stacked Small Logo is to be used where graphics needs are larger in vertical height than horizontal width with the Operation Code logo name still under 1 inch in height. +

        +
          +
        • +
          + TYPICAL +
          +
            +
          • +
            +
            + Blue +
            + Small Blue Accented Logo - } - isImageFirst={false} - label="Blue" - /> -
            • -
          • - +
            • +
          • +
            +
            + Red +
            + Small Red Accented Logo - } - isImageFirst={false} - label="Red" - /> -
            • -
          • - +
            • +
          • +
            +
            + Slate +
            + Small Unaccented Logo - } - isImageFirst={false} - label="Slate" - /> -
            • -
          • - +
            • +
          • +
            +
            + White +
            + Small White Accented Logo - } - isImageFirst={false} - label="White" - /> -
            • -
          -
          • -
        • -
          - Stacked Logos -
          -

          - Use the Large Stacked Original logo in areas where you have more vertical space than horizontal. Only use the Red Stacked Logo for special holidays such as Thanksgiving, fall events, and Christmas. The Light Stacked Logo is to be used with dark or contrasting bright colored backgrounds. -

          -
            -
          • - +
            • +
          +
          • +
        • +
          + Stacked Logos +
          +

          + Use the Large Stacked Original logo in areas where you have more vertical space than horizontal. Only use the Red Stacked Logo for special holidays such as Thanksgiving, fall events, and Christmas. The Light Stacked Logo is to be used with dark or contrasting bright colored backgrounds. +

          +
            +
          • +
            +
            + Blue +
            + Large Stacked Original - } - isImageFirst={false} - label="Blue" - /> -
            • -
          • - +
            • +
          • +
            +
            + Red +
            + Red Stacked Logo - } - isImageFirst={false} - label="Red" - /> -
            • -
          • - +
            • +
          • +
            +
            + Slate +
            + Light Stacked Logo - } - isImageFirst={false} - label="Slate" - /> -
            • -
          -
          • -
        • -
          - Medals / Badges -
          -

          - Use the following images when you are prompted to upload a thumbnail logo only or profile photo. In most cases, use the OC Blue option. The Red option should only be used for holidays and special events (such as Thanksgiving, fall, or Christmas). The Navy option should be used memorandums or lighter bright colored backgrounds. -

          -

          - You may also use them as a profile photo or thumbnail. They should be used to accompany corporate sponsors or alliance partnerships on shared branding. Use the original OC Blue option in most cases, except the Red option for special events and holidays (Thanksgiving, fall and Christmas). The Navy option may be used with light backgrounds and bright colored backgrounds. -

          -
            -
          • - +
            • +
          +
          • +
        • +
          + Medals / Badges +
          +

          + Use the following images when you are prompted to upload a thumbnail logo only or profile photo. In most cases, use the OC Blue option. The Red option should only be used for holidays and special events (such as Thanksgiving, fall, or Christmas). The Navy option should be used memorandums or lighter bright colored backgrounds. +

          +

          + You may also use them as a profile photo or thumbnail. They should be used to accompany corporate sponsors or alliance partnerships on shared branding. Use the original OC Blue option in most cases, except the Red option for special events and holidays (Thanksgiving, fall and Christmas). The Navy option may be used with light backgrounds and bright colored backgrounds. +

          +
            +
          • +
            +
            + OC Blue +
            + OC Blue Medal - } - isImageFirst={false} - label="OC Blue" - /> -
            • -
          • - +
            • +
          • +
            +
            + Red +
            + Red Medal - } - isImageFirst={false} - label="Red" - /> -
            • -
          • - +
            • +
          • +
            +
            + Navy +
            + Navy Medal - } - isImageFirst={false} - label="Navy" - /> -
            • -
          -
          • -
        -
        • -
      • -
        - Large Logos -
        -

        - Use the Original Large Logo in almost all cases above 1 inch in height. The Red Large Logo is to be used in special events (such as Thanksgiving, fall or Christmas), and the Light Large Logo is to be used with dark backgrounds or bright colored backgrounds. -

        -
          -
        • - +
          • +
        +
        • +
      + +
    • +
      + Large Logos +
      +

      + Use the Original Large Logo in almost all cases above 1 inch in height. The Red Large Logo is to be used in special events (such as Thanksgiving, fall or Christmas), and the Light Large Logo is to be used with dark backgrounds or bright colored backgrounds. +

      +
        +
      • +
        +
        + Blue +
        + Original Large Logo - } - isImageFirst={false} - label="Blue" - /> -
        • -
      • - +
        • +
      • +
        +
        + Red +
        + Red Large Logo - } - isImageFirst={false} - label="Red" - /> -
        • -
      • - +
        • +
      • +
        +
        + Slate +
        + Large Unaccented Logo - } - isImageFirst={false} - label="Slate" - /> -
        • -
      • - +
        • +
      • +
        +
        + White +
        + Large White Accented Logo - } - isImageFirst={false} - label="White" - /> -
        • -
      -
      • -
    , - ] - } - hasTitleUnderline={true} - theme="gray" - title="Logo" -/> + +
    • + + + + + + + `; diff --git a/components/Branding/Swatch/__tests__/__snapshots__/Swatch.test.tsx.snap b/components/Branding/Swatch/__tests__/__snapshots__/Swatch.test.tsx.snap index cb477b5c2..6a2cda224 100644 --- a/components/Branding/Swatch/__tests__/__snapshots__/Swatch.test.tsx.snap +++ b/components/Branding/Swatch/__tests__/__snapshots__/Swatch.test.tsx.snap @@ -1,25 +1,26 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Swatch > should render with required props 1`] = ` -
    - - A block of the color Blue - -
    -
    -
    - BLUE -
    - #0000FF -
    -
    +
    +
    + + A block of the color Blue + +
    +
    +
    + BLUE +
    + #0000FF +
    +
    +
    `; diff --git a/components/Buttons/Button/__tests__/__snapshots__/Button.test.tsx.snap b/components/Buttons/Button/__tests__/__snapshots__/Button.test.tsx.snap index 80fc517cd..0cea71114 100644 --- a/components/Buttons/Button/__tests__/__snapshots__/Button.test.tsx.snap +++ b/components/Buttons/Button/__tests__/__snapshots__/Button.test.tsx.snap @@ -1,28 +1,29 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Button > should render with many props assigned 1`] = ` - +
    + +
    `; exports[`Button > should render with required props 1`] = ` - +
    + +
    `; diff --git a/components/Buttons/CloseButton/__tests__/__snapshots__/CloseButton.test.tsx.snap b/components/Buttons/CloseButton/__tests__/__snapshots__/CloseButton.test.tsx.snap index 793da0b4a..e45a972ae 100644 --- a/components/Buttons/CloseButton/__tests__/__snapshots__/CloseButton.test.tsx.snap +++ b/components/Buttons/CloseButton/__tests__/__snapshots__/CloseButton.test.tsx.snap @@ -1,26 +1,38 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`CloseButton > should render with just required props passed 1`] = ` - + + Close + + + + + Plus Symbol + + + + + + + `; diff --git a/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap b/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap index 948b3a60f..7d5e34c0c 100644 --- a/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap +++ b/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap @@ -1,32 +1,32 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`LinkButton > should render with many props assigned 1`] = ` - - Test - + - Opens in new window - - + Test + + Opens in new window + + + `; exports[`LinkButton > should render with required props 1`] = ` - - Test - +
    + + Test + +
    `; diff --git a/components/Cards/Card/__tests__/__snapshots__/Card.test.tsx.snap b/components/Cards/Card/__tests__/__snapshots__/Card.test.tsx.snap index 5eb7faa9a..9287a3dec 100644 --- a/components/Cards/Card/__tests__/__snapshots__/Card.test.tsx.snap +++ b/components/Cards/Card/__tests__/__snapshots__/Card.test.tsx.snap @@ -1,17 +1,21 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Card > should render with many props assigned 1`] = ` -
    - Test -
    +
    +
    + Test +
    +
    `; exports[`Card > should render with required props 1`] = ` -
    - Test -
    +
    +
    + Test +
    +
    `; diff --git a/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.tsx.snap b/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.tsx.snap index fd50cd95f..dd071f995 100644 --- a/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.tsx.snap +++ b/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.tsx.snap @@ -1,65 +1,66 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`FlatCard > should render with many props assigned 1`] = ` -
    -
    +
    -

    - Main heading -

    -
    - Sub heading -
    -
    -
    -
    -

    - Example content goes here -

    -

    - More content goes here -

    -
    -
    - - Widget Action - +

    + Main heading +

    +
    + Sub heading +
    +
    +
    +
    +

    + Example content goes here +

    +

    + More content goes here +

    +
    +
    + + Widget Action + +
    - -
    + + `; exports[`FlatCard > should render with required props 1`] = ` -
    -
    +
    -
    -

    - Example content goes here -

    -

    - More content goes here -

    +
    +
    +

    + Example content goes here +

    +

    + More content goes here +

    +
    -
    -
    +
    + `; diff --git a/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap b/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap index be3d2c90d..3c4f0f469 100644 --- a/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap +++ b/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap @@ -1,53 +1,49 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ImageCard > should render with many props assigned 1`] = ` - - +
    +

    Testing!

    -
    - - +
    +
    `; exports[`ImageCard > should render with required props 1`] = ` - - +
    +
    -

    Testing!

    - - +
    +
    `; diff --git a/components/Cards/ValueCard/__tests__/__snapshots__/ValueCard.test.tsx.snap b/components/Cards/ValueCard/__tests__/__snapshots__/ValueCard.test.tsx.snap index a4f030748..6483b6211 100644 --- a/components/Cards/ValueCard/__tests__/__snapshots__/ValueCard.test.tsx.snap +++ b/components/Cards/ValueCard/__tests__/__snapshots__/ValueCard.test.tsx.snap @@ -1,16 +1,18 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ValueCard > should render with required props 1`] = ` -
    -

    +
    - Testing -

    -

    - Testing is good for the soul and scientifically proven to make puppies happy. -

    -
    +

    + Testing +

    +

    + Testing is good for the soul and scientifically proven to make puppies happy. +

    + + `; diff --git a/components/Container/__tests__/__snapshots__/Container.test.tsx.snap b/components/Container/__tests__/__snapshots__/Container.test.tsx.snap index cd63958cb..23f94a265 100644 --- a/components/Container/__tests__/__snapshots__/Container.test.tsx.snap +++ b/components/Container/__tests__/__snapshots__/Container.test.tsx.snap @@ -1,18 +1,16 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Container > should render with many props assigned 1`] = ` -
    +
    - Test Children +
    + Test Children +
    `; diff --git a/components/Content/__tests__/__snapshots__/Content.test.tsx.snap b/components/Content/__tests__/__snapshots__/Content.test.tsx.snap index 36dae3e48..c99eb6f2e 100644 --- a/components/Content/__tests__/__snapshots__/Content.test.tsx.snap +++ b/components/Content/__tests__/__snapshots__/Content.test.tsx.snap @@ -1,83 +1,98 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Content > should render with many props assigned 1`] = ` -
    +
    - +
    +
    +
    +

    + some multi-column test content +

    - Testing! - -
    -
    -
    -

    - some multi-column test content -

    +
    + OH YEAH!! +
    +
    -
    - OH YEAH!! -
    -
    `; exports[`Content > should render with required props 1`] = ` -
    +
    -
    -

    - some test content -

    +
    +
    +

    + some test content +

    +
    diff --git a/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap index 5135fb48d..838e9ac72 100644 --- a/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +++ b/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap @@ -1,25 +1,29 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Drawer > should render with many props assigned 1`] = ` -
    +
    `; exports[`Drawer > should render with required props 1`] = ` -
    +
    `; diff --git a/components/ErrorDisplay/__tests__/__snapshots__/ErrorDisplay.test.tsx.snap b/components/ErrorDisplay/__tests__/__snapshots__/ErrorDisplay.test.tsx.snap index a2dd59dcb..4a9d54f39 100644 --- a/components/ErrorDisplay/__tests__/__snapshots__/ErrorDisplay.test.tsx.snap +++ b/components/ErrorDisplay/__tests__/__snapshots__/ErrorDisplay.test.tsx.snap @@ -1,23 +1,25 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ErrorDisplay > should render with just required props 1`] = ` -
    +
    -

    - 404 - ! -

    -

    - We're so ashamed. You definitely weren't supposed to see this... -

    +

    + 404 + ! +

    +

    + We're so ashamed. You definitely weren't supposed to see this... +

    +
    `; diff --git a/components/FeaturedJobItem/__tests__/__snapshots__/FeaturedJobItem.test.tsx.snap b/components/FeaturedJobItem/__tests__/__snapshots__/FeaturedJobItem.test.tsx.snap index 5d3a4fcca..159c7fe7f 100644 --- a/components/FeaturedJobItem/__tests__/__snapshots__/FeaturedJobItem.test.tsx.snap +++ b/components/FeaturedJobItem/__tests__/__snapshots__/FeaturedJobItem.test.tsx.snap @@ -1,177 +1,256 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`FeaturedJobItem > should render with many props assigned 1`] = ` -
    - -
    - Experienced React Engineer -
    - +
    + - Opens in new window - - External Link Symbol", - } - } - viewBox="0 0 448 512" - /> - -
    -
    - Building", - } - } - viewBox="0 0 448 512" - /> +
    + Experienced React Engineer +
    - Formidable Labs + Opens in new window -
    + + + + External Link Symbol + + + + + +
    - Map Marker", - } - } - viewBox="0 0 384 512" - /> -
    -
    - Seattle - , - - - WA - , + + + + Building + + + + + + + Formidable Labs +
    +
    + + + + Map Marker + + + + + +
    + + Seattle + , + + + WA + , + + + United States + +
    +
    +
    + + + + Cloud With Up Arrow Inside + + + + + - United States + Remote - +
    -
    - Cloud With Up Arrow Inside", - } - } - viewBox="0 0 640 512" - /> - - Remote - -
    -
    -

    - As an Experienced React Engineer, you will do React things. -

    - + As an Experienced React Engineer, you will do React things. +

    + +
    `; exports[`FeaturedJobItem > should render with required props 1`] = ` - +

    + This is a fake role, since GitLab always has remote. +

    + +
    `; diff --git a/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap b/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap index ffa270e78..406b914c3 100644 --- a/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +++ b/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap @@ -1,206 +1,580 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Footer > should render with no props passed 1`] = ` -
    -
    - + +
    `; diff --git a/components/Form/Input/__tests__/__snapshots__/Input.test.tsx.snap b/components/Form/Input/__tests__/__snapshots__/Input.test.tsx.snap index 81624a0bb..d56d41824 100644 --- a/components/Form/Input/__tests__/__snapshots__/Input.test.tsx.snap +++ b/components/Form/Input/__tests__/__snapshots__/Input.test.tsx.snap @@ -1,30 +1,29 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Input > should render with required props 1`] = ` -
    - +
    - + +
    + +
    `; diff --git a/components/Form/Label/__tests__/__snapshots__/Label.test.tsx.snap b/components/Form/Label/__tests__/__snapshots__/Label.test.tsx.snap index 3873508b6..e0abd57a6 100644 --- a/components/Form/Label/__tests__/__snapshots__/Label.test.tsx.snap +++ b/components/Form/Label/__tests__/__snapshots__/Label.test.tsx.snap @@ -1,11 +1,13 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Label > should render with required props 1`] = ` - +
    + +
    `; diff --git a/components/Form/Select/__tests__/__snapshots__/SelectMulti.test.tsx.snap b/components/Form/Select/__tests__/__snapshots__/SelectMulti.test.tsx.snap index 44318b996..597dfef82 100644 --- a/components/Form/Select/__tests__/__snapshots__/SelectMulti.test.tsx.snap +++ b/components/Form/Select/__tests__/__snapshots__/SelectMulti.test.tsx.snap @@ -1,130 +1,102 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Select > should render with required props 1`] = ` -
    - +
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    -
    -
    - +
    + +
    diff --git a/components/Form/Select/__tests__/__snapshots__/SelectSingle.test.tsx.snap b/components/Form/Select/__tests__/__snapshots__/SelectSingle.test.tsx.snap index d9978649a..9643bc7a5 100644 --- a/components/Form/Select/__tests__/__snapshots__/SelectSingle.test.tsx.snap +++ b/components/Form/Select/__tests__/__snapshots__/SelectSingle.test.tsx.snap @@ -1,130 +1,101 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Select > should render with required props 1`] = ` -
    - +
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    diff --git a/components/Form/Select/__tests__/__snapshots__/ThemedReactSelect.test.tsx.snap b/components/Form/Select/__tests__/__snapshots__/ThemedReactSelect.test.tsx.snap index 67da8cdea..5c602e700 100644 --- a/components/Form/Select/__tests__/__snapshots__/ThemedReactSelect.test.tsx.snap +++ b/components/Form/Select/__tests__/__snapshots__/ThemedReactSelect.test.tsx.snap @@ -1,308 +1,242 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`ThemedReactSelect > should render (multi) with required props 1`] = ` -
    - +
    + +
    - 1 +
    + 1 +
    +
    + +
    +
    +
    +
    + 2 +
    +
    + +
    + +
    +
    +
    + -
    -
    +
    - 2 -
    -
    -
    -
    - -
    -
    -
    -
    - - + + -
    -
    - - -
    `; exports[`ThemedReactSelect > should render (non-multi) with required props 1`] = ` -
    - +
    + +
    - 1 -
    -
    + 1 +
    +
    -
    -
    -
    -
    +
    -
    `; diff --git a/components/Form/__tests__/__snapshots__/Form.test.tsx.snap b/components/Form/__tests__/__snapshots__/Form.test.tsx.snap index ed318eb48..293cef6c0 100644 --- a/components/Form/__tests__/__snapshots__/Form.test.tsx.snap +++ b/components/Form/__tests__/__snapshots__/Form.test.tsx.snap @@ -1,18 +1,16 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Form > should render within the context of Formik 1`] = ` -
    - - , -
    +
    +
    + + , +
    +
    `; diff --git a/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.tsx.snap b/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.tsx.snap index 8bed7955b..081be924e 100644 --- a/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.tsx.snap +++ b/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.tsx.snap @@ -1,340 +1,329 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`RegistrationForm > should render with required props 1`] = ` -
    -
    + -
    - + +
    + +
    -
    -
    -
    - + +
    + +
    -
    -
    - -
    -
    - -
    -
    -
    - + +
    + +
    -
    -
    -
    - + +
    + +
    -
    -
    -
    - + +
    + +
    -
    - -
    - +
    +
    - - - I have read and agree to - - + - Operation Code's Slack Community Guidelines. - - Opens in new window - - External Link Symbol", - } - } - viewBox="0 0 448 512" - /> - - - * - - -
    -
    + - - + + + +
    `; diff --git a/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.tsx.snap b/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.tsx.snap index 81dc8e592..b5efa08ff 100644 --- a/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.tsx.snap +++ b/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.tsx.snap @@ -1,241 +1,202 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`UpdateProfileForm > should render with required props 1`] = ` -
    -

    + - Professional Details -

    -
    - - - 0 - % - -
    -
    + Professional Details +
    + + 0 + % + +
    +
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    +
    +
    +
    + +
    -
    -
    -
    - + +
    + +
    +
    - -
    - -
    -
    -
    -
    -
    - -
    - + +
    + +
    `; diff --git a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryDetails.test.tsx.snap b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryDetails.test.tsx.snap index 2dd6c53bb..936416fe0 100644 --- a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryDetails.test.tsx.snap +++ b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryDetails.test.tsx.snap @@ -1,269 +1,208 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`UpdateProfileForm/Steps/MilitaryDetails > should render in context of Formik 1`] = ` -
    -
    +
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    -
    -
    - +
    + +
    -
    -
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    -
    - + +
    `; diff --git a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryStatus.test.tsx.snap b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryStatus.test.tsx.snap index 4f5af365e..46d4e33b3 100644 --- a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryStatus.test.tsx.snap +++ b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/MilitaryStatus.test.tsx.snap @@ -1,153 +1,122 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`UpdateProfileForm/Steps/MilitaryStatus > should render in context of Formik 1`] = ` -
    -
    + -

    - How do you classify yourself in regards to being part of the military? -

    -
    - + + Please note that many of our services are only for veterans or their spouses. Also, note that you may feel represented by multiple categories; however, you may only choose one for this registration form. + +
    +

    + How do you classify yourself in regards to being part of the military? +

    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    -
    -
    + +
    `; diff --git a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/PersonalDetails.test.tsx.snap b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/PersonalDetails.test.tsx.snap index cd4589c8f..721453ee0 100644 --- a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/PersonalDetails.test.tsx.snap +++ b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/PersonalDetails.test.tsx.snap @@ -1,524 +1,402 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`UpdateProfileForm/Steps/PersonalDetails > should render in context of Formik 1`] = ` -
    -
    +
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    -
    -
    - +
    + +
    -
    -
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    -
    -
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    -
    -
    - +
    + +
    -
    -
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    -
    - + +
    `; diff --git a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/ProfessionalDetails.test.tsx.snap b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/ProfessionalDetails.test.tsx.snap index a71844d8f..85da89d2c 100644 --- a/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/ProfessionalDetails.test.tsx.snap +++ b/components/Forms/UpdateProfileForm/steps/__tests__/__snapshots__/ProfessionalDetails.test.tsx.snap @@ -1,193 +1,156 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`UpdateProfileForm/Steps/ProfessionalDetails > should render in context of Formik 1`] = ` -
    -
    +
    -
    +
    -
    + +
    - Select... -
    -
    + Select... +
    +
    -
    -
    -
    -
    +
    -
    -
    -
    -
    - + +
    + +
    -
    -
    -
    - + +
    + +
    -
    - + +
    `; diff --git a/components/Heading/__tests__/__snapshots__/Heading.test.tsx.snap b/components/Heading/__tests__/__snapshots__/Heading.test.tsx.snap index 16a4279c9..b9d1d0f15 100644 --- a/components/Heading/__tests__/__snapshots__/Heading.test.tsx.snap +++ b/components/Heading/__tests__/__snapshots__/Heading.test.tsx.snap @@ -1,54 +1,69 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Heading > should render with many props assigned 1`] = ` -
    - +
    + Test +
    +
    `; exports[`Heading > should render with required props 1`] = ` -
    - + + Scroll to + Test + + + + + Link Icon + + + + + + +
    + Test + +
    `; diff --git a/components/HeroBanner/__tests__/__snapshots__/HeroBanner.test.tsx.snap b/components/HeroBanner/__tests__/__snapshots__/HeroBanner.test.tsx.snap index 3532620a8..45c84f32a 100644 --- a/components/HeroBanner/__tests__/__snapshots__/HeroBanner.test.tsx.snap +++ b/components/HeroBanner/__tests__/__snapshots__/HeroBanner.test.tsx.snap @@ -1,41 +1,41 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`HeroBanner > should render with many props assigned 1`] = ` -
    +
    -

    - Test -

    - Testing 123 +

    + Test +

    + Testing 123 +
    `; exports[`HeroBanner > should render with required props 1`] = ` -
    +
    -

    - Test -

    +

    + Test +

    +
    `; diff --git a/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap b/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap index 404b5293f..60c763ff2 100644 --- a/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap +++ b/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap @@ -58,11 +58,11 @@ exports[`Modal > should render with many props assigned 1`] = `
    - +
    + +
    `; diff --git a/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap b/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap index c69ddfbe0..2e8826cd3 100644 --- a/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap +++ b/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap @@ -1,43 +1,63 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`NavMobile > should render 1`] = ` -
    - +
    + + + - - -
    +
    +
    `; diff --git a/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap b/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap index b7e59d2e0..45643aeca 100644 --- a/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +++ b/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap @@ -1,170 +1,191 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Nav > should render with no props passed 1`] = ` - - +
    + + + + +
    + - +
    `; diff --git a/components/OutboundLink/__tests__/__snapshots__/OutboundLink.test.tsx.snap b/components/OutboundLink/__tests__/__snapshots__/OutboundLink.test.tsx.snap index 13cc0a36c..7ae16b026 100644 --- a/components/OutboundLink/__tests__/__snapshots__/OutboundLink.test.tsx.snap +++ b/components/OutboundLink/__tests__/__snapshots__/OutboundLink.test.tsx.snap @@ -1,28 +1,40 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`OutboundLink > should render with required props 1`] = ` - - Test - + - Opens in new window - - External Link Symbol", - } - } - viewBox="0 0 448 512" - /> - + Test + + Opens in new window + + + + + External Link Symbol + + + + + + +
    `; diff --git a/components/PartnerLogoLink/__tests__/__snapshots__/PartnerLogoLink.test.tsx.snap b/components/PartnerLogoLink/__tests__/__snapshots__/PartnerLogoLink.test.tsx.snap index 877ace7df..9337dce34 100644 --- a/components/PartnerLogoLink/__tests__/__snapshots__/PartnerLogoLink.test.tsx.snap +++ b/components/PartnerLogoLink/__tests__/__snapshots__/PartnerLogoLink.test.tsx.snap @@ -1,26 +1,27 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`PartnerLogoLink > should render with required props 1`] = ` - - - - Opens in new window - - +
    + Partner Inc. logo +
    + + Opens in new window + + +
    `; diff --git a/components/Press/PressLinks/__tests__/__snapshots__/PressLinks.test.tsx.snap b/components/Press/PressLinks/__tests__/__snapshots__/PressLinks.test.tsx.snap index 44cb7b58d..116b61457 100644 --- a/components/Press/PressLinks/__tests__/__snapshots__/PressLinks.test.tsx.snap +++ b/components/Press/PressLinks/__tests__/__snapshots__/PressLinks.test.tsx.snap @@ -1,451 +1,391 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`PressLinks > should render with no props passed 1`] = ` -
    - +
    - - -

    - Boston -

    -     - +

    + Boston +

    + + + +
    +
    -

    - General -

    - - -

    - NYC -

    -     - - -
  • - - How Tech Pros Can Volunteer in Fun Ways - -
    • -
  • - - MassChallenge Finalists: Finnest, Operation Code, Sunrise Health - -
    • -
  • - - TechBreakfast at Microsoft NERD - -
    • -
  • - - Operation Code - #BNT80 Boston New Technology Startup Demo - -
    • -
  • - - MassChallenge Finalist | Operation Code | Conrad Hollomon - -
    • -
  • - - Operation Code – Creating a Coding Community with Veterans and Citizens - -
    • -
  • - - Innovation Spotlight: Operation Code - -
    • -
  • - - tech4vets Masschallenge Veterans - -
    • -     - -
  • - - TechHire Educator Spotlight: Operation Code - -
    • -
  • - - Why Veterans Will Make Excellent Programmers - -
    • -
  • - - THOUSANDS OF VETERANS WANT TO LEARN TO CODE — BUT CAN’T - -
    • -
  • - - Hacking Entrepreneurship — An Interview with David Molina of Operation Code - -
    • -
  • - - Operation Code: Connecting Veterans with Code Skills - -
    • -
  • - - Operation Code: connecting tech and veterans - -
    • -
  • - - When the call of duty is technology, veterans rally to support each other through Operation Code - -
    • -
  • - - Get Coding Now with Operation Code Army Veteran and Founder David Molina - -
    • -
  • - - The New Developer - Operation Code - GitHub Universe 2016 - -
    • -
  • - - What happens when military veterans learn to code - CodeConf 2016 - -
    • -
  • - - How Operation Code helps veterans learn programming skills - -
    • -
  • - - Helping Veterans Learn to Code with David Molina - -
    • -
  • - - Podcast: a developing story as told by developers - -
    • -
  • - - Instagram: David Molina - -
    • -
  • - - From Aviation Electrician to Back End Engineering: Bret Funk’s Operation Code story - -
    • -
  • - - Navy Veteran to Software Developer: Geno Guerrero’s Operation Code Story - -
    • -
  • - - From Marine Corps Veteran to Front End Developer: Billy Le’s Operation Code Story - -
    • -
  • - - Few Options For Veterans Looking To Enter Tech - -
    • -
  • - - Coding Boot Camps Go After Veterans To Take Silicon Valley's Vacant Tech Jobs - -
    • -
  • - - 20 Diversity and Inclusion Leaders to Follow in 2018 - -
    • -
  • - - Tech innovation meets military service: GeekWire’s Memorial Day remembrance and update - -
    • -
  • - - MAP HOSTS CONGRESSIONAL BRIEFING ON VETERANS' READINESS IN TECH CAREERS - -
    • -
  • - - Analytics Pros, Inc. Hosts Training for Veterans and Veterans' Spouses - -
    • -
  • - - Episode 36 – How to pick a programming language to learn for new developers – Part 2 - -
    • -
  • - - How to “upskill” Veterans’ training for technology jobs - -
    • -
  • - - Instagram: Operation Code made the front cover of Oregon Veterans News Magazine - -
    • -
  • - - Jameel: From Marines to SoftwareEngineer - -
    • -
  • - - Seattle coding-school tuition to be covered by GI Bill - -
    • -
  • - - Veteran: GI Bill should cover code school - -
    • -
  • - - Patriot Boot Camp And Operation Code Join Forces To Help Military Veterans Become Technology Entrepreneurs - -
    • -
  • - - Operation Code wants veterans to work in tech - -
    • -
  • - - Coding Bootcamps Accepts GI Bill - -
    • -
  • - - Operation Code Looks to Help Veterans Land IT Careers - -
    • -     - -
  • - - New program aims to help veterans land jobs in tech industry - -
    • -
  • - - Veterans in Residence - -
    • -
  • - - After Flying Solo, Veterans Find Others Who Have Their Backs - -
    • -     - +
  • + + How Tech Pros Can Volunteer in Fun Ways + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + MassChallenge Finalists: Finnest, Operation Code, Sunrise Health + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + TechBreakfast at Microsoft NERD + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + Operation Code - #BNT80 Boston New Technology Startup Demo + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + MassChallenge Finalist | Operation Code | Conrad Hollomon + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + Operation Code – Creating a Coding Community with Veterans and Citizens + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + Innovation Spotlight: Operation Code + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
  • + + tech4vets Masschallenge Veterans + + Opens in new window + + + + + External Link Symbol + + + + + + +
    • +
    +
    `; diff --git a/components/Press/PressPhotos/__tests__/__snapshots__/PressPhotos.test.tsx.snap b/components/Press/PressPhotos/__tests__/__snapshots__/PressPhotos.test.tsx.snap index f895ab41a..257409c09 100644 --- a/components/Press/PressPhotos/__tests__/__snapshots__/PressPhotos.test.tsx.snap +++ b/components/Press/PressPhotos/__tests__/__snapshots__/PressPhotos.test.tsx.snap @@ -1,58 +1,50 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`PressPhotos > should render with no props passed 1`] = ` -
    +
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - +
    + David Molina speaks to Code Conference LA 2016 attendees. +
    +
    + Operation Code members pose at Red Hat Summit 2017 +
    +
    + Conrad Hollomon presents in front of the Node Summit 2016 audience +
    +
    + Operation Code developers pose at AngelHack Boston 2017. +
    +
    + Ken Collier leads a discussion at the Utah Operation Code meetup. +
    `; diff --git a/components/Press/PressVideos/__tests__/__snapshots__/PressVideos.test.tsx.snap b/components/Press/PressVideos/__tests__/__snapshots__/PressVideos.test.tsx.snap index f47c26c0f..faef5ff84 100644 --- a/components/Press/PressVideos/__tests__/__snapshots__/PressVideos.test.tsx.snap +++ b/components/Press/PressVideos/__tests__/__snapshots__/PressVideos.test.tsx.snap @@ -1,22 +1,24 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`PressVideos > should render with no props passed 1`] = ` -
    -